Design Tokens
by Lukas Oppermann
Export design tokens to JSON or GitHub.
Installs
22,781
Likes
2,011
Users
65,578
Views
204,901
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.
More software development plugins
View allBuilder.io - Figma to Code & AI Apps (React, Vue, Tailwind, etc)
by Steve Sewell
Export designs to clean, responsive code or turn Figma screens into AI apps and prototypes.
Anima: Convert Figma to HTML/CSS/React/Tailwind,Vibe code,DevMode Inspect/Run React/HTML,App builder
by Anima
Anima - AI Design to code, Vibe code, Vibe design
SkewDat
Paidby Unfold
Skew any layer or group with all layers preserved to edit.
Zeplin
Paidby Zeplin Crew
Design tools are for designing. Zeplin is for clear, structured design delivery.