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 | 893 installs, 105 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.
Figma to Code (HTML, Tailwind, Flutter, SwiftUI)
Code Conversion Made Easy: Figma to Web & Apps
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.
SkewDat
Skew any layer or group with all layers preserved to edit.