Back to Plugins

Token CSS exporter
Export 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 and orders, making the code clear and maintainable.
-Simple actions:
- Add company suffix – Adds a suffix at all the values to prevent CSS conflicts. Press Enter or click "Update" button to apply.
- Update – Re-scan your file and update the token list
- Copy – Instantly copy the generated CSS to your clipboard
- Download – Save the tokens as a .css file
If you like it, feel free to buy me a coffee
Plugin Details
| Version | 6 |
|---|---|
| Created | December 8, 2025 |
| Last Updated | January 21, 2026 |
| Category | Software development |
| Creator | Daidai |
| Stats | 3 installs, 2 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.