Back to Plugins
Variables to CSS and Tailwind
Export Design Tokens to CSS & Tailwind
Plugin Preview
About this plugin
Easily export your Figma variables (colors, typography, spacing, shadows, etc.) into developer-friendly formats. Generate CSS custom properties, Tailwind config snippets, or JSON files in seconds.
Keep your design system in sync with code and accelerate collaboration between designers and developers.
Plugin Details
| Version | 1 |
|---|---|
| Created | August 26, 2025 |
| Last Updated | August 26, 2025 |
| Category | Import & export plugins |
| Creator | Maximiliano Avendaño |
| Stats | 1 installs, 1 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 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