# How to Convert Figma Designs to HTML and CSS

> To convert your designs in Figma, select the layers you want to convert, tap 'Actions' at the bottom, and choose 'Figma to HTML and CSS'. Access the pop-up window, navigate to the 'Code' tab, and click the 'Copy to Clipboard' icon next to Style and Code to use your converted code externally.

Canonical: https://livedemo.ai/tutorials/how-to-convert-figma-designs-to-html-and-css/
Apps: Figma
Updated: 2026-10-05
Interactive demo: https://story-api.livedemo.ai/workspaces/62255d3d3304f17b8f5e2d03/stories/692a35adab56e05a00fda1e0/preview?step=1

## Steps

1. Inside your Figma design canvas, find and select the layers you want to convert to HTML and CSS.
2. After that, head over to the bottom section and tap 'Actions'.
3. Search for 'Figma to HTML and CSS' and then select it from the suggested results.
4. Next, access the pop-up window and navigate to the 'Code' tab.
5. Finally, the selected Figma layers will be converted to HTML and CSS. Click the 'Copy to Clipboard' icon next to Style and Code to use them externally.