Back to Plugins
(Deplicated)Figma Color Variables Import / Export

(Deplicated)Figma Color Variables Import / Export

A minimal plugin to transfer JSON to Figma variables.

design tokensimportvariablesexport

Plugin Preview

(Deplicated)Figma Color Variables Import / Export preview

About this plugin

Register the Color Token created with Token Studio etc. in Figma's Variables.Usage●Import from JSON to Variables1. Export Color Token to JSON by Token Studio or other tools2. Import Color Token to JSON by this plugin●Export Variables to JSONClick 「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🙅 NumberSample 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

Version4
CreatedJune 2, 2023
Last UpdatedJune 27, 2023
Categoryshapes-colors
CreatorTakahiro Hayashi
Stats475 installs, 56 likes
PricingFree

Technical Details

  • API:1.0.0
  • UI:dist/ui.html
  • main:dist/code.js
  • Editor Types:
    figma
  • Allowed Domains:
    • none