Fae

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

[LocatorJS @LocatorJS]

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.
https://t.co/ViXJOvBxTf

[Seb ⚛️ ThisWeekInReact.com @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

https://t.co/40nZHCYscc

[LocatorJS @LocatorJS]

Introducing LocatorJS Chrome Extension https://t.co/vJJuH6KgVS

[LocatorJS @LocatorJS]

Just released 💅 styled-components support. Now I can go either to the usage or to the definition.

[Michael Musil @_MichaelMusil]

Introducing LocatorJS
A plugin for React dev-stacks that allows you to click through from your "localhost" to your editor.
https://t.co/vIwpkDvNhA

[Fae @FaeEditor]

#Figma to #React conversion with the Fae plugin is getting better and more developer-friendly.🚀 (spoiler - it generates #storybook)

Check it out - https://t.co/YJ1uOpWzRo

More to come soon, stay tuned🔥

[Fae @FaeEditor]

https://t.co/mDxjCX8Zlu

[Fae @FaeEditor]

Figma to React in 3 steps with Fae plugin 🤟

And all of them without leaving Figma 🤯

Try it yourself!👇

#Webdev #Frontend #figma #React #CSS

[Fae @FaeEditor]

"Developer-friendly" code comes from "developer-friendly" design. That's an axiom (right?).

So https://t.co/bbyHqNSJLs 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.

[Fae @FaeEditor]

The gap between designers and developers is getting shorter and shorter - the latest focus of https://t.co/bbyHqNSJLs to generate "readable" #reactjs code from @figmadesign in just 3 clicks.
Beta access will be released in a couple of weeks. Apply here: https://t.co/WCxOu5y2Eg

[Fae @FaeEditor]

🔥 design-to-(readable)-code is coming!

With https://t.co/bbyHqNSJLs 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

[Fae @FaeEditor]

@FigmaPlugins @figmadesign 🔥🔥🔥 @FigmaPlugins!

[Fae @FaeEditor]

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? 🙃
https://t.co/qI8lCK0Hyp
#figma #webdevelopers

[Jan Toman @HonzaTmn]

So I asked GPT-3 a few questions about design systems... (thread)

[Fae @FaeEditor]

Developer updating code after design changes

#reactjs #webdevelopment #figma

[Fae @FaeEditor]

Your #1 publish method for design-to-code tool

[Fae @FaeEditor]

@Joulse_ and now on public beta, would you like to try? :)

[Fae @FaeEditor]

@yenFTW Thank you @yenFTW
would you like to try it? :)

[Fae @FaeEditor]

Design changes in production can be hell… No more with Fae!

#fae #figma #reactjs #webdesign

[Fae @FaeEditor]

What is the most annoying part of design-to-code transfer?
#Poll #webdevelopers #uxdesign