How to Get CSS Code From Figma

‍

‍

It is very easy to get CSS code from Figma. Here’s a quick guide on how to do it in simple steps:

‍

1. Inside your Figma design canvas, find and select the layer you want to convert into CSS code.
2. After that, go to the bottom section and click 'Actions'.
3. Search for 'Figma to HTML and CSS' and select it from the suggested results.
4. Head over to the 'Code' tab afterwards.
5. 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.