Back to Plugins
JSON to Variables

JSON to Variables

Seamlessly import and export design tokens as JSON for version-controlled design systems.

Plugin Preview

JSON to Variables preview

About this plugin

Transform your design workflow with JSON to Variables – a powerful plugin that bridges the gap between your design system in Figma and your codebase.📥 Import Variables from JSONPaste JSON to instantly create or update Figma variablesSupport for all variable types: colors, numbers, strings, and booleansMulti-mode support for themes (light, dark, high contrast, etc.)Dry-run mode to preview changes before applyingSmart conflict detection with detailed diff summariesSupport Alpha color Imports now📤 Export Variables to JSON- Export your Figma variables to clean, readable JSON- Filter by collection, mode, or variable type- Copy to clipboard or download as a file- Perfect for version control and developer handoff- Preserve or resolve variable aliases based on your needs🎨 Design System Superpowers- Synchronize design tokens between Figma and code- Support for variable aliases (references between variables)- Create missing collections and modes automatically- Batch import/update hundreds of variables at once- Comprehensive validation with helpful error messages💼 Perfect for:- Design systems teams managing large token libraries- Developers integrating Figma with style dictionaries- Teams using version control for design tokens- Anyone sharing variables across multiple Figma filesKey Features:✅ All variable types supported (COLOR, FLOAT, STRING, BOOLEAN)✅ Multi-mode collections for theming✅ Variable aliases for token relationships✅ Import/export filtering and customization✅ Dry-run preview before making changes✅ Detailed validation and error reporting✅ Clean JSON schema for easy integration

Plugin Details

Version3
CreatedOctober 8, 2025
Last UpdatedDecember 11, 2025
Categoryediting & effects plugins
CreatorAdebimpe Omolaso
Stats17 installs, 3 likes
PricingFree

Technical Details

  • API:1.0.0
  • UI:dist/index.html
  • main:dist/main.js
  • Document Access:dynamic-page
  • Editor Types:
    figma
  • Allowed Domains:
    • none