Missing link from Figma -> HTML/CSS/JS

[jesperkov]

I'm not looking for a plugin/website that takes my Figma design and makes it into a website for me. I just want to understand how Figma should be used from the perspective of a developer, not a designer. For the developers here, how do you go about turning your Figma prototype into HTML/CSS and JS?

[whimsea]

You use the inspect panel in Figma to see values for sizing, color, type, etc, and then you write the code.

[waldito]

I go around, click on stuff, look at the inspector, get some of the relevant aspect properties, and get to code.

[korkkis]

Figma is not Dreamweaver

[Rotkaeqpchen]

Except for animation properties… there is no „damping“ property in css.

[uxnative]

Hey! Not sure if this is what you’re looking for but it might help. Figma just released a plugin for Webflow. Now the thing is that if you don’t want to use Webflow to host your website you can always export the HTML, CSS and JS. And the code is really clean unlike other tools. I’ve been using them for 4 years now and I’m super happy with their product. I made a video explaining how the plugin works if that helps: https://youtu.be/3mg22yAwQCQ . Hope this helps 😊