Gene UI Tokens Hub Streamline your design-to-development workflow with Gene UI Tokens Hub, a Figma plugin that connects your design system tokens to your GitHub repository. Key Features Sync Figma variables and explore them using JSON tree and variable collections filters Connect to GitHub and push changes to your style dictionary package Generate CSS3 and JavaScript variables from your design tokens Benefits Automate the process of converting tokens into code Ensure consistency across your design system, design, and development teams Save time and reduce errors during the sync process of tokens How it Works Install the Gene UI Tokens Hub plugin in your Figma account Make changes in Figma built-in variables and use it in your design styles Open the Gene UI Tokens Hub, and connect your GitHub repository to the plugin Review your changes and push them to your GitHub repository, where your style dictionary package will be generated
What this plugin is best for
Gene UI Tokens Hub is listed in the UI Kits category and is suited for teams that want practical Figma workflows with clear outcomes.
Key details
- Category: UI Kits
- Likes: 4
- Users: 79
- Pricing model: Free
Publisher information
Created by Hamik Hambardzumyan. Published by Hamik Hambardzumyan on the Figma Community.
Compatibility and support
- Supported editors: design
- Published on: Nov 26, 2024
- Support contact: hamik.hambardzumyan@softconstruct.com
How to evaluate before installing
Check the latest update notes in Figma, review sample output quality, and compare alternatives in the related plugins section below.