Variables Converter & Exporter
Export Figma Variables to 17+ code formats instantly
Plugin Preview
About this plugin
Transform your Figma Variables into production-ready code with support for 17+ export formats. Perfect for design systems, design tokens, and seamless design-to-code workflows.Export Formats:Web: CSS Variables, SCSS, LESS, Sass Maps, PostCSS, Tailwind ConfigJavaScript: ES6, TypeScript, React NativeMobile: Flutter (Dart), Android (XML), iOS (Swift), Kotlin (Compose)Data: JSON, Style Dictionary, CSV, YAMLKey Features:Real-time search and filter variablesBulk mode selection for multi-mode collectionsDark/Light theme supportExport history (last 10 exports)Drag-and-drop collection reorderingMultiple color formats (Hex, RGB, HSL)One-click copy or downloadPerfect for:Design systems and design tokensFrontend developersMobile app developersDesign-to-code workflowsMulti-platform projectsNo setup required. Just select your variables, choose a format, and export!
Plugin Details
| Version | 2 |
|---|---|
| Created | February 18, 2026 |
| Last Updated | March 13, 2026 |
| Category | Import & export plugins |
| Creator | Ponsiva . Pandian |
| Stats | 3 installs, 4 likes |
| Pricing | Free |
Technical Details
- API:1.0.0
- UI:dist/ui.html
- main:dist/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