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 | 37 |
|---|---|
| Created | June 24, 2023 |
| Last Updated | April 7, 2025 |
| Category | Software development |
| Creator | Pavel Laptev |
| Stats | 294 installs, 75 likes |
| Pricing | Free |
Technical Details
- API:1.0.0
- UI:dist/plugin/ui.html
- main:dist/plugin/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.