Back to Plugins
Export Variables (CSS, SCSS, Tailwind)
Export Figma Variables to CSS, SCSS & Tailwind with ease
csswebvariables to cssfigma-to-codevariableshtmldesign systemvariables design system
Plugin Preview
About this plugin
Export Variables is a straightforward Figma plugin designed to export design tokens (variables) to CSS, SCSS, and Tailwind. Perfect for design teams using structured design systems, this plugin enhances the efficiency of your design-to-development workflow by ensuring consistent variable export across different stylesheets. Fully integrated with Figma’s UI, it’s easy to use and works with any Figma file. We welcome your feedback to help us refine and improve future versions!
You can contact me at sotoijuan.com
You can leave comments and feedback at: revius.co/export-variables
Plugin Details
| Version | 7 |
|---|---|
| Created | June 12, 2024 |
| Last Updated | April 1, 2025 |
| Category | Import & export plugins |
| Creator | Juan Antonio Soto |
| Stats | 476 installs, 77 likes |
| Pricing | Free |
Technical Details
- API:1.0.0
- UI:index.html
- main:code.js
- Document Access:dynamic-page
- Editor Types:figma
- Allowed Domains:
- https://rsms.me
- https://www.revius.co
More Like This
Discover other plugins in the Import & export plugins category.