JSON to Variables
Seamlessly import and export design tokens as JSON for version-controlled design systems.
Plugin 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
| Version | 3 |
|---|---|
| Created | October 8, 2025 |
| Last Updated | December 11, 2025 |
| Category | editing & effects plugins |
| Creator | Adebimpe Omolaso |
| Stats | 17 installs, 3 likes |
| Pricing | Free |
Technical Details
- API:1.0.0
- UI:dist/index.html
- main:dist/main.js
- Document Access:dynamic-page
- Editor Types:figma
- Allowed Domains:
- none
More Like This
Discover other plugins in the editing & effects plugins category.