# How to Get CSS Code From Figma Designs

> To get CSS code in Figma, select the design layer, click Actions at the bottom, and search for Figma to HTML and CSS. Then, open the Code tab and click the Copy icon next to the generated CSS code under the Style section.

Canonical: https://livedemo.ai/tutorials/how-to-get-css-code-from-figma/
Apps: Figma
Updated: 2026-10-05
Interactive demo: https://story-api.livedemo.ai/workspaces/62255d3d3304f17b8f5e2d03/stories/692a3edeab56e05a00fe6b1c/preview?step=1

## 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.