Export Styles and variables to CSS
Displays all CSS styles of the selected layer for easy copying
Plugin Preview
About this plugin
Displays all variables and styles from all collections in a developer-friendly format, either in JSON or as CSS variablesThere are 3 available modes of operation:Output of all Figma variablesOutput of all Figma stylesOutput of styles for the currently selected elementFor the selected layer, the following will be displayed:all its CSS styles;If the layer is textual, then the text for easy copying;if the layer has a background image, then a button for exporting the original image.If 2 layers are selected - the dimensions of the layers and the distance between themThe code can be generated in the following formats:CSSJSONEncountering difficulties? Feel free to contact us; we will always try to help.
Plugin Details
| Version | 14 |
|---|---|
| Created | January 25, 2024 |
| Last Updated | September 29, 2025 |
| Category | Software development |
| Creator | Ampier |
| Stats | 959 installs, 111 likes |
| Pricing | Free |
Technical Details
- API:1.0.0
- UI:build/ui.html
- main:build/main.js
- Document Access:dynamic-page
- Editor Types:dev
- Allowed Domains:
- none
More Like This
Discover other plugins in the Software development category.
Builder.io - Figma to Code & AI Apps (React, Vue, Tailwind, etc)
Export designs to clean, responsive code or turn Figma screens into AI apps and prototypes.
Code Snippet Editor
Translate component variants, properties, and more into dynamic code snippets for your design system
GitHub
Connect Design to Code