Back to Plugins

Token CSS exporter
Explain Figma variables to CSS tokens
Plugin Preview
About this plugin
-Export all Figma variables to CSS — Generates well-structured CSS custom properties based on your variable collections and modes.
-Organized output — CSS tokens are grouped into logical sections, making the code clear and maintainable.
-Three simple actions:
- Refresh to re-scan your file and update the token list
- Copy to instantly copy the generated CSS to your clipboard
- Download to save the tokens as a .css file
Plugin Details
| Version | 1 |
|---|---|
| Created | December 8, 2025 |
| Last Updated | December 8, 2025 |
| Category | Software development |
| Creator | Daidai |
| Stats | 0 installs, 0 likes |
| Pricing | Free |
Technical Details
- API:1.0.0
- UI:ui.html
- main:code.js
- Document Access:dynamic-page
- Editor Types:figma
- 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.