Export Figma styles and custom tokens to a style dictionary ready json or sync to github.

Vote for us on ProductHunt

Design Tokens

You can create design tokens for the following properties:

1. colors
2. typograhy
3. grids
4. effects
5. sizes
6. spacing (padding)
7. radii
8. borders
9. motion
10. opacity
11. variables

Benefits

✅ Actively developed

✅ Compatible with Amazon Style Dictionary

✅ Sync tokens directly with github repo (or other server)

✅ Support for Figma Styles

✅ Support for custom tokens

Usage & transformation

Find out how to use the plugin to create custom tokens from the documentation.

Get up to speed transforming your tokens using style directory with the transformer package.

You can also view the example Figma file.

Feature request & bugs

Please create an issues in the repository.

Version history