How to Get CSS Code From Figma Designs
- George Apostolov
- 05 Sep 2025
Guide
Inside your Figma design canvas, find and select the layer you want to convert into CSS code.
After that, go to the bottom section and click 'Actions'.
Search for 'Figma to HTML and CSS' and select it from the suggested results.
Head over to the 'Code' tab afterwards.
Finally, the CSS code generated from your Figma design will be displayed under the Style section. Click the 'Copy' icon next to it to use the provided code.
Create your first interactive demo in minutes
No credit card required • Start building today
