@FaeEditor

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

fae.dev
Joined May 2020
  • Tweets35
  • Following171
  • Followers131
11Media
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
6
1
41
Replying to @sebastienlorber @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
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
2
37
Just released 💅 styled-components support. Now I can go either to the usage or to the definition.
1
8
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
#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🔥
2
1
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
figma.com/community/plugin/9…
"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
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
🔥 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 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
So I asked GPT-3 a few questions about design systems... (thread)
1
2
1
6
Developer updating code after design changes #reactjs #webdevelopment #figma
2
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
Design changes in production can be hell… No more with Fae! #fae #figma #reactjs #webdesign
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
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 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
2
16
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