Figma to React
figma-to-react.vercel.app
Figma to React
1–10 of 121 posts
Re: Figma to React
#2Is there already a reliable way to go from React to Figma?
Re: Figma to React
#3It doesn't work with React Web + styled.jsx.
All styles is broken.
Re: Figma to React
#4I can see a bright future for this approach. Figma is very "constructional" design tool, encouraging the use:
- variablized colors and fonts, that can become CSS variables and classes
- Components and component hierarchies, that can turn into React components
- Auto-layout that is based on Flexbox
- Component propertes (Variants in Figma, but with enough effort it can turn into attributes for React components).
With a bit of annotation inside Figma, I can easily see pretty good results for this conversion.
Re: Figma to React
#5I'd be interested in hearing a designer's view on this sort of tool? It seems really appealing for me as a developer (and I've thought about building something like this in the past) but I wonder where it fits in the designers workflow?
Re: Figma to React
#6Is there already a reliable way to go from React to Figma?
There is an HTML to Figma plugin that works pretty well. I don't remember what it was called though...
Re: Figma to React
#7Is there a working example of a website that is using this?
Re: Figma to React
#8Sweet! I want this but for Svelte!
Figma to Svelte would be the dream team and probably trivial to make thanks to .svelte files supporting vanilla html, css, and js.
Re: Figma to React
#9Really good idea. I'd like this for Flutter as well.
Re: Figma to React
#10If Figma has their eyes open, they'll run with this idea. Design once in Figma, generate UIs for React, Vue, Jetpack and SwiftUI. Designers become way more productive, doing part of the work of front end devs.