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 | 21097 installs, 1853 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.
Figma to Code (HTML, Tailwind, Flutter, SwiftUI)
Code Conversion Made Easy: Figma to Web & Apps
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.
SkewDat
Skew any layer or group with all layers preserved to edit.