@FaeEditor profile picture
Fae @FaeEditor

Figma plugin that generates developer-friendly Reactjs/CSS code from well-structured designs directly in Figma.

Joined May 2020
  • Tweets 35
  • Following 172
  • Followers 132
11 Photos and videos
Fae retweeted
LocatorJS@LocatorJS
28 Jun 2022
Click on any React component in the browser to open its code in your code editor. Locator is an open-source browser extension that speeds up your daily React development. locatorjs.com/

LocatorJS - click on any component to go to code.

locatorjs.com
3
7
41
Replying to @remix_run @ryanflorence @kentcdodds @eggheadio @nickjsiii @mattgperry @seancdavis29 @remotion_dev @storybookjs @mshilman
🧵 @locatorjs by @_MichaelMusil New Chrome/Firefox extensions to easily open React components in your IDE Click on the UI element => reveal source in VS Code locatorjs.com/
2
12
69
Fae retweeted
LocatorJS@LocatorJS
24 May 2022
Introducing LocatorJS Chrome Extension dev.to/michael_vp/introducin…

Introducing LocatorJS: Click on React Component to get to its code.

LocatorJS is a Chrome Extension that lets me click on a component that I see on my locally running...

dev.to
1
4
37
Fae retweeted
LocatorJS@LocatorJS
22 Feb 2022
Just released 💅 styled-components support. Now I can go either to the usage or to the definition.
0:11
1
8
Fae retweeted
Michael Musil@_MichaelMusil
6 Dec 2021
Introducing LocatorJS A plugin for React dev-stacks that allows you to click through from your "localhost" to your editor. github.com/infi-pc/locatorjs
3
9
Fae@FaeEditor
21 Oct 2021
#Figma to #React conversion with the Fae plugin is getting better and more developer-friendly.🚀 (spoiler - it generates #storybook) Check it out - bit.ly/2Z6SID1 More to come soon, stay tuned🔥
1:13
2
1
Fae@FaeEditor
1 Jul 2021
Figma to React in 3 steps with Fae plugin 🤟 And all of them without leaving Figma 🤯 Try it yourself!👇 #Webdev #Frontend #figma #React #CSS
1
2
Fae@FaeEditor
1 Jul 2021
figma.com/community/plugin/9…
Fae@FaeEditor
10 Jun 2021
"Developer-friendly" code comes from "developer-friendly" design. That's an axiom (right?). So fae.dev is adding an extra step to help the designer to think like a developer and improve the design. This will make design-to-code smooth, quick, and high-quality.
1
2
Fae@FaeEditor
1 Jun 2021
The gap between designers and developers is getting shorter and shorter - the latest focus of fae.dev to generate "readable" #reactjs code from @figmadesign in just 3 clicks. Beta access will be released in a couple of weeks. Apply here: forms.gle/Fq7YeHuB79JriqcS6
1
1
Fae@FaeEditor
25 May 2021
🔥 design-to-(readable)-code is coming! With fae.dev developers can export code of React components which can use 4 different types of styling - standard CSS classes, CSS Modules, Styled Components, and Inline Styles #ReactJS #figma #CSS
4
6
Fae@FaeEditor
23 Apr 2021
Fae also aims to streamline the design-to-web. Developers and teams can build static landings from Figma designs faster, and after release, non-devs can maintain these websites with minimum input from devs. Do you want to try it? 🙃 youtu.be/-R1Y2uTK_ws #figma #webdevelopers
Fae retweeted
Jan Toman
@HonzaTmn
14 Apr 2021
So I asked GPT-3 a few questions about design systems... (thread)
1
2
6
Fae@FaeEditor
26 Mar 2021
Developer updating code after design changes #reactjs #webdevelopment #figma
2
Fae@FaeEditor
19 Mar 2021
Your #1 publish method for design-to-code tool
0% Raw code (react/vue/etc.)
0% HTML/JS snippet
100% npm library
1 votes • Final results
Fae@FaeEditor
12 Mar 2021
Design changes in production can be hell… No more with Fae! #fae #figma #reactjs #webdesign
Fae@FaeEditor
5 Mar 2021
What is the most annoying part of design-to-code transfer? #Poll #webdevelopers #uxdesign
20% HTML/CSS coding
20% Impl. differs from design
60% Keep designs up to date
0% Keep code up to date
5 votes • Final results
1
Fae@FaeEditor
23 Feb 2021
Today we have added Design tokens support. So we are one step closer to start building fully functional design systems / component libraries completely in Fae.
1
3
Fae@FaeEditor
8 Feb 2021
#Fae is one step closer to complete the next generation #Figma<->#React sync🚀🚀🚀 Check out the first video, share feedback and join closed beta testing! youtu.be/AxCKOln57OI

Sync Figma & React with Fae.dev (pre-beta conceptual demo)

Install & try it: https://www.figma.com/community/plugin/949622274...

youtube.com
1
8
16
Fae retweeted
Hubert QUETEL@hubertquetel
5 Feb 2021
Fae.dev has been added to ggoood.pory.app/ 👉 Create REACT components with no-code by importing from Figma. Fae is the only design-to-code tool th… 👉 @FaeEditor. #resources #tools #GraphicDesign #code #NoCode
1
2
Load more