VarToCode
Export Figma Variables & Styles to Tailwind v4.1 and JSON
Plugin Preview
About this plugin
VarToCode exports Figma Variables and Styles to Tailwind CSS v4.1 and JSON. It uses the @theme syntax to generate production-ready tokens instantly, with support for light/dark mode, per-page or full-document exports, and raw JSON output. To use it, click "CSS" to generate your tokens, then import the file into your project alongside Tailwind. Library styles should be imported into your document before exporting; larger files may take slightly longer to process. All processing runs locally inside the Figma plugin runtime — no data is collected, transmitted, or stored externally.
Plugin Details
| Version | 2 |
|---|---|
| Created | February 7, 2026 |
| Last Updated | March 5, 2026 |
| Category | Import & export plugins |
| Creator | gummi |
| Stats | 0 installs, 0 likes |
| Pricing | Free |
Technical Details
- API:1.0.0
- UI:ui.html
- main:dist/code.js
- Document Access:dynamic-page
- Editor Types:figma
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