Back to Plugins
Style Dictionary to Variables

Style Dictionary to Variables

Import Style Dictionary JSON as Figma Variables

design tokensvariablesstyle dictionarydesign systemjsoncode-generators

Plugin Preview

Style Dictionary to Variables 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

  1. 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.
  2. Drop or select Style Dictionary JSON file
  3. 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

Version3
CreatedJune 23, 2023
Last UpdatedJuly 6, 2023
CategorySoftware development
CreatorJoseph Le
Stats190 installs, 64 likes
PricingFree

Technical Details

  • API:1.0.0
  • UI:build/ui.js
  • main:build/main.js
  • Editor Types:
    figma