Back to Plugins
Sync Design Tokens

Sync Design Tokens

Automatically create and update Figma Styles with a design tokens url.

design tokensimportamazon style dictionarypluginwebfigmadesign systemstylescolor stylesjson

Plugin Preview

Sync Design Tokens preview

About this plugin

Automatically create and update Figma Styles from a design tokens url.


Import Style Dictionary (json) design tokens into your Figma so you don't have to manually create or update styles.


How it works

  • Enter the URL for your json design tokens file
  • Choose the variable formatting style
  • Click 'Import Tokens' button


What's supported?

Creates & updates color design tokens from a URL. In the future, I hope to expand support to other token types like font, grids, spacing, etc.

Plugin Details

Version1
CreatedJuly 11, 2022
Last UpdatedJuly 11, 2022
CategoryImport & export plugins
Creatorsuleiman
Stats92 installs, 27 likes
PricingFree

Technical Details

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