Design Tokens
Export design tokens to JSON or GitHub.
Plugin Preview
About this plugin
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:
- colors
- typograhy
- grids
- effects
- sizes
- spacing (padding)
- radii
- borders
- motion
- opacity
- 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.
Plugin Details
| Version | 84 |
|---|---|
| Created | September 17, 2020 |
| Last Updated | January 28, 2025 |
| Category | Software development |
| Creator | Lukas Oppermann |
| Stats | 17357 installs, 1461 likes |
| Pricing | Free |
Technical Details
- API:1.0.0
- UI:dist/ui.html
- main:dist/plugin.js
- Document Access:dynamic-page
- Network Access:
Wildcard is needed to use the plugin with companies' self-hosted CI instance
- Editor Types:figma
- Allowed Domains:
- *
More Like This
Discover other plugins in the Software development category.