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 .
Design Tokens
开发 · 1,449 likes
Export design tokens to JSON or GitHub.
Related plugins
- Figma to Code (HTML, Tailwind, Flutter, SwiftUI)
Code Conversion Made Easy: Figma to Web & Apps
- Anima - Figma to Code React, HTML, CSS, Tailwind, MUI (DevMode Inspect React / HTML / Vue / CSS)
Anima - AI Powered Design to code
- Builder.io - AI-Powered Figma to Code (React, Vue, Tailwind, & more)
Export designs to responsive code (React, HTML, Vue, Tailwind, etc) with AI
- SkewDat
Skew any layer or group with all layers preserved to edit.
- Locofy Lightning - Figma to Code in a flash
Convert Figma designs to code in a flash - React, React Native, HTML, Angular, Next, Gatsby, Vue
- Figma to HTML with Framer
Convert your Figma design to HTML code in seconds with Framer.