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.
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.
5 comments
[ 55.2 ms ] story [ 76.0 ms ] threadI 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.
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.
https://www.figmachine.com/ https://figside.com/ https://www.figmachine.com/ https://overlay-tech.com/ https://github.com/BuilderIO/figma-html
Here's the github repository for the plugin https://github.com/desech/studio-react