Back to Plugins
Export Variables (CSS, SCSS, Tailwind)

Export Variables (CSS, SCSS, Tailwind)

Export Figma Variables to CSS, SCSS & Tailwind with ease

csswebvariables to cssfigma-to-codevariableshtmldesign systemvariables design system

Plugin Preview

Export Variables (CSS, SCSS, Tailwind) preview

About this plugin

Export Variables - Design Tokens to Code (Beta Available)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.🚀 New: Ease Studio Beta AvailableInspired by the workflows we've seen from plugin users and our own experience as a team of developers and designers, we've been building something bigger - a tool for seamless design-development collaboration. After months of development, **Ease Studio is now in beta**.What's different:- Team collaboration with shared dashboards- Export to more platforms (React Native, Flutter, iOS, Android)- Unlimited export history and team synchronization- Sync with codebase GitHub sync, automatic PRs, MCP integration for AI coding agent styleguideHelp us build the future of design-dev workflows - your feedback from using this plugin has been invaluable, and we want you to help shape what comes next.Don't worry - this free plugin will always remain free and fully functional. Ease Studio is for teams wanting collaboration and advanced export functionality.Ready to try the beta? Visit easestud.io to learn more, or click "Advanced Export" directly in the plugin.👉 Got ideas or want to support us? Visit easestud.io💬 You can also reach us at [email protected]

Plugin Details

Version15
CreatedJune 12, 2024
Last UpdatedMay 12, 2026
CategoryImport & export plugins
CreatorEase Studio
Stats1456 installs, 213 likes
PricingFree

Technical Details

  • API:1.0.0
  • UI:index.html
  • main:code.js
  • Document Access:dynamic-page
  • Editor Types:
    figma
  • Allowed Domains:
    • https://api.easestud.io
    • https://rsms.me