Back to Plugins

Design Tokens to Variables
Convert W3C Design Tokens, Leonardo, Huetone, Primer Prism to Variables.
color generatorleonardofigma variablesvariablesvariable collectionprismjson to variablesconverterhuetone
Plugin Preview
About this plugin
Convert JSON data using W3C Design Tokens specs or formats generated by generators into Figma Variables, supporting multiple modes.
🔑 Key Features
- Effortless JSON conversion: Quickly transform W3C-compliant JSON design tokens into Figma Variables.
- Multi-mode support: Easily manage light and dark for versatile design systems.
- Intelligent grouping: Automatically organize your variables into logical groups for better management.
- Wide compatibility: Works with W3C design tokens specs, Leonardo, Huetone, and Primer Prism formats.
✅ Perfect for
- Design system managers streamlining their workflow.
- Designers working on multi-themed applications.
- Teams transitioning from traditional design tokens to Figma variables.
🟡 Supported tokens
- Tested only for colors at the moment.
🐞 Got ideas or found a bug?
Comment or contact me in Threads. Your feedback helps make this plugin even better for everyone!
Plugin Details
Version | 12 |
---|---|
Created | August 27, 2024 |
Last Updated | September 16, 2024 |
Category | Import & export plugins |
Creator | Afnizar Nur Ghifari |
Stats | 26 installs, 6 likes |
Pricing | Free |
Technical Details
- API:1.0.0
- UI:build/ui.js
- main:build/main.js
- Document Access:dynamic-page
- Editor Types:figma
- Allowed Domains:
- none
More Like This
Discover other plugins in the Import & export plugins category.