Export Variables (CSS, SCSS, Tailwind)
Export Figma Variables to CSS, SCSS & Tailwind with ease
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!
👉 Got ideas or want to support us? Visit easestud.io — or just buy us a coffee.
💬 You can also reach us at [email protected]
Plugin Details
| Version | 9 |
|---|---|
| Created | June 12, 2024 |
| Last Updated | July 2, 2025 |
| Category | Import & export plugins |
| Creator | Ease Studio |
| Stats | 707 installs, 117 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.
html.to.design — by ‹div›RIOTS — Import websites to Figma designs (web,html,css)
Convert any website into fully editable Figma designs
Anima - Figma to Code React, HTML, CSS, Tailwind, MUI (DevMode Inspect React / HTML / Vue / CSS)
Anima - AI Powered Design to code
Figma to HTML
Convert Figma design to HTML