Back to Plugins
TokensBrücke
Convert Figma Variables to Design Tokens
variables to jsondesign tokenstokens generatortokensvariablesdtcgcode-generators
Plugin Preview
About this plugin
TokensBrücke is a Figma plugin that simplifies the process of converting Figma variables into design-tokens JSON. The plugin generates JSON files compatible with the latest Design Tokens specification.
🚀 Features:
- Color Modes: Choose from different color modes like HEX, RGBA, HSLA, and more for flexible color representation.
- Styles Support: Include typography, grids, shadows, and blur effects into the design tokens JSON, enhancing design element organization.
- Server Integration: Connect to JSONBin, GitHub, GitLab or a custom server to directly push the generated JSON for easy distribution.
- Aliases Handling: Automatically convert aliases into the appropriate string format.
- Output preview: check the output before export
📚 Documentation
- Full documentation documentation on Github
- Style dictionary utils
📣 Feedback
If you have any issues or ideas you can leave a comment, write me to [email protected] or create an issue on Github.
Plugin Details
| Version | 42 |
|---|---|
| Created | June 24, 2023 |
| Last Updated | September 21, 2025 |
| Category | Software development |
| Creator | Pavel Laptev |
| Stats | 349 installs, 98 likes |
| Pricing | Free |
Technical Details
- API:1.0.0
- UI:ui.html
- main:code.js
- Network Access:
There is a push method that uses a custom URL. This URL can be any
- 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.