3 ms·

Ask HN: What Reliable Tools Can Convert Figma to React?

• nhayfield 5y ago
  programmers
• davidajackson 5y ago
  I was asking about this a few weeks ago. https://news.ycombinator.com/item?id=27617752 https://news.ycombinator.com/item?id=27617752 I think you're going to have a hard time with finding a good tool. Figma doesn't fully describe the styling behavior for websites with variable/changing content -- especially where you want to define components in terms of hierarchy. I haven't checked out the above link (in the thread response) yet but am planning to soon.
• continuational 5y ago
  It's not possible in general. Figma is a drawing tool. Converting it into React is a matter of interpretation. Maybe some day AI can help with this job. Until then, apply sweat of the brow, or use a tool that specifies what happens with varying content and viewport sizes. There might exist a plug-in for Figma that allows specifying this, if you stick to a subset of the functionality.
• artur_makly 5y ago
  has anyone tried any of these? https://www.figmachine.com/ https://www.figmachine.com/ https://figside.com/ https://figside.com/ https://www.figmachine.com/ https://www.figmachine.com/ https://overlay-tech.com/ https://overlay-tech.com/ https://github.com/BuilderIO/figma-html https://github.com/BuilderIO/figma-html
• kr8tuing 5y ago
  @davidajackson There's Desech Studio which you can use to import the figma design file and then install the react plugin and integrate with it. Here's the github repository for the plugin https://github.com/desech/studio-react https://github.com/desech/studio-react