It's not possible in general. Figma is a drawing tool. Converting it into React is a matter of interpretation.<p>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. <a href="https://news.ycombinator.com/item?id=27617752" rel="nofollow">https://news.ycombinator.com/item?id=27617752</a><p>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.<p>Here's the github repository for the plugin <a href="https://github.com/desech/studio-react" rel="nofollow">https://github.com/desech/studio-react</a>