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.LimitationsDoes not support booleanJSON file must be in Style Dictionary CTI formatOnly 1 JSON file and token type at a timeInstructionsSelect 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 fileVariables should be created in “Local variables”SupportPlease 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
Stats272 installs, 73 likes
PricingFree

Technical Details

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