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

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.

I was asking about this a few weeks ago. 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.

@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

has anyone tried any of these?

https://www.figmachine.com/ https://figside.com/ https://www.figmachine.com/ https://overlay-tech.com/ https://github.com/BuilderIO/figma-html

programmers