Variables to JSON

About this plugin

Variables to JSON Plugin

Easily convert Figma variables into structured JSON code, fully compatible with Style Dictionary Configurator.

Features:

✅ Export all variable collections into a single JSON file.

✅ 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]

Coming Soon:

🔹 Export Variables into separated JSON files for each collection

📢 Need help? Join my Telegram community: https://t.me/osamaeldrieny