Gene UI Tokens Hub
The Gene UI design system tokens hub plugin to keep aligned tokens between design and development
Plugin Preview
About this plugin
Gene UI Tokens HubStreamline your design-to-development workflow with Gene UI Tokens Hub, a Figma plugin that connects your design system tokens to your GitHub repository.Key FeaturesSync Figma variables and explore them using JSON tree and variable collections filtersConnect to GitHub and push changes to your style dictionary packageGenerate CSS3 and JavaScript variables from your design tokensBenefitsAutomate the process of converting tokens into codeEnsure consistency across your design system, design, and development teamsSave time and reduce errors during the sync process of tokensHow it WorksInstall the Gene UI Tokens Hub plugin in your Figma accountMake changes in Figma built-in variables and use it in your design stylesOpen the Gene UI Tokens Hub, and connect your GitHub repository to the pluginReview your changes and push them to your GitHub repository, where your style dictionary package will be generated
Plugin Details
| Version | 6 |
|---|---|
| Created | June 3, 2024 |
| Last Updated | September 27, 2024 |
| Category | ui-kits |
| Creator | Hamik Hambardzumyan |
| Stats | 20 installs, 5 likes |
| Pricing | Free |
Technical Details
- API:1.0.0
- UI:dist/ui.html
- main:dist/code.js
- Document Access:dynamic-page
- Network Access:
We use various external endpoints.
- Editor Types:figma
- Allowed Domains:
- *
More Like This
Discover other plugins in the ui-kits category.