Back to Plugins

(Deplicated)Figma Color Variables Import / Export
A minimal plugin to transfer JSON to Figma variables.
design tokensimportvariablesexport
Plugin Preview
About this plugin
Register the Color Token created with Token Studio etc. in Figma's Variables.
Usage
●Import from JSON to Variables
1. Export Color Token to JSON by Token Studio or other tools
2. Import Color Token to JSON by this plugin
●Export Variables to JSON
Click 「Export With Alias」 or「Export With RawValue」
(This JSON file can be read by Token Studio)
Function
- ✅ Solid (Fill 100%)
- ✅ Solid (Fill not 100%)
- 🙅 Gradient
- 🙅 String
- 🙅 Number
Sample Token
{
"color": { // immediate object key to Collection name
"primitive": {
"white": {
"value": "#FFFFFF",
"type": "color"
}
},
"semantic": {
"background": {
"light": {
"value": "{color.primitive.white}",
"description": "light background",
"type": "color"
}
}
}
}
}
Plugin Details
| Version | 4 |
|---|---|
| Created | June 2, 2023 |
| Last Updated | June 27, 2023 |
| Category | shapes-colors |
| Creator | Takahiro Hayashi |
| Stats | 460 installs, 56 likes |
| Pricing | Free |
Technical Details
- API:1.0.0
- UI:dist/ui.html
- main:dist/code.js
- Editor Types:figma
- Allowed Domains:
- none
More Like This
Discover other plugins in the shapes-colors category.