Variables to JSON
by Osama Eldrieny
Convert Figma Variables to JSON code using Style Dictionary standards.
Installs
316
Likes
104
Users
1,831
Views
4,103
Preview
About this plugin
Variables to JSON PluginEasily 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.
✅ Create and manage your project Themes.
✅ Comparable with "Style Dictionary, and Theme Manager from dttb (design tokens toolbox)✅ Supports all variable types: Color, Number, String, and Boolean.
✅ Generate correct values for "Font Family, Font Weight, Opacity, Boolean"✅ Support Variables Modes or ThemesFigma 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
More software development plugins
View allBuilder.io - Figma to Code & AI Apps (React, Vue, Tailwind, etc)
by Steve Sewell
Export designs to clean, responsive code or turn Figma screens into AI apps and prototypes.
Anima: Convert Figma to HTML/CSS/React/Tailwind,Vibe code,DevMode Inspect/Run React/HTML,App builder
by Anima
Anima - AI Design to code, Vibe code, Vibe design
SkewDat
Paidby Unfold
Skew any layer or group with all layers preserved to edit.
Zeplin
Paidby Zeplin Crew
Design tools are for designing. Zeplin is for clear, structured design delivery.