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 ProductHuntDesign TokensYou can create design tokens for the following properties:colorstypograhygridseffectssizesspacing (padding)radiibordersmotionopacityvariablesBenefits✅ Actively developed✅ Compatible with Amazon Style Dictionary✅ Sync tokens directly with github repo (or other server)✅ Support for Figma Styles✅ Support for custom tokensUsage & transformationFind 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 & bugsPlease create an issues in the repository.
Plugin Details
| Version | 87 |
|---|---|
| Created | September 17, 2020 |
| Last Updated | February 16, 2026 |
| Category | Software development |
| Creator | Lukas Oppermann |
| Stats | 22430 installs, 1980 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.
Builder.io - Figma to Code & AI Apps (React, Vue, Tailwind, etc)
Export designs to clean, responsive code or turn Figma screens into AI apps and prototypes.
Code Snippet Editor
Translate component variants, properties, and more into dynamic code snippets for your design system
GitHub
Connect Design to Code