Variables to JSON
Convert Figma Variables to JSON code using Style Dictionary standards.
Plugin Preview
About this plugin
Variables to JSON Plugin
Easily convert Figma variables into structured JSON code, fully compatible with Style Dictionary Configurator and Multi-Theme Generator.
Features:
✅ Export all variable collections into a single JSON file and Multi-Theme JSON files.
✅ Supports all variable types: Color, Number, String, and Boolean.
✅ Generate correct values for "Font Family, Font Weight, Opacity, Boolean"
✅ Support Variables Modes or Themes
Figma Playground file:
👉 Figma Community playground file for step by step guide and testing the plugin
📖 Step by Step Guide and the full story behind the plugin
🎥 Watch the Tutorial – [English] [Arabic]
📢 Need help? Join my Telegram community: https://t.me/osamaeldrieny
Plugin Details
| Version | 26 |
|---|---|
| Created | February 3, 2025 |
| Last Updated | December 31, 2025 |
| Category | Software development |
| Creator | Osama Eldrieny |
| Stats | 217 installs, 74 likes |
| Pricing | Free |
Technical Details
- API:1.0.0
- UI:ui.html
- main:dist/main.js
- Document Access:dynamic-page
- Editor Types:figma
- Allowed Domains:
- https://cdnjs.cloudflare.com
More Like This
Discover other plugins in the Software development category.
Figma to Code (HTML, Tailwind, Flutter, SwiftUI)
Code Conversion Made Easy: Figma to Web & Apps
Builder.io - Figma to Code & AI Apps (React, Vue, Tailwind, etc)
Export designs to clean, responsive code or turn Figma screens into AI apps and prototypes.
SkewDat
Skew any layer or group with all layers preserved to edit.