Back to Plugins

Style Dictionary to Variables
Import Style Dictionary JSON as Figma Variables
design tokensvariablesstyle dictionarydesign systemjsoncode-generators
Plugin Preview
About this plugin
Import your Style Dictionary JSON file as Figma variables and variable aliases. Supports updating existing token collections.
Visit the GitHub repo for example input files.
Limitations
- Does not support boolean
- JSON file must be in Style Dictionary CTI format
- Only 1 JSON file and token type at a time
Instructions
- Select import mode. If you select the "Update existing" import mode, the plugin will try to update the collection with a name matching what is defined as part of the
group
field on a token property. Tokens will be replaced based on their names as well. - Drop or select Style Dictionary JSON file
- Variables should be created in “Local variables”
Support
Please open an issue on the GitHub repo if you have any questions or feedback!
Plugin Details
Version | 3 |
---|---|
Created | June 23, 2023 |
Last Updated | July 6, 2023 |
Category | Software development |
Creator | Joseph Le |
Stats | 190 installs, 64 likes |
Pricing | Free |
Technical Details
- API:1.0.0
- UI:build/ui.js
- main:build/main.js
- Editor Types:figma
More Like This
Discover other plugins in the Software development category.
Figma to Code (HTML, Tailwind, Flutter, SwiftUI)
Code Conversion Made Easy: Figma to Web & Apps
Anima - Figma to Code React, HTML, CSS, Tailwind, MUI (DevMode Inspect React / HTML / Vue / CSS)
Anima - AI Powered Design to code
Builder.io - AI-Powered Figma to Code (React, Vue, Tailwind, & more)
Export designs to responsive code (React, HTML, Vue, Tailwind, etc) with AI