Gene UI Tokens Hub

UI 工具 · 4 likes

The Gene UI design system tokens hub plugin to keep aligned tokens between design and development

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

适用场景

Gene UI Tokens Hub 属于 UI 工具 分类,适合希望用清晰结果驱动设计流程的团队。

关键信息

发布者信息

创建者:Hamik Hambardzumyan。Figma 社区发布者:Hamik Hambardzumyan。

兼容性与支持

安装前如何评估

查看 Figma 内最新更新说明,确认示例输出质量,并与下方相关插件做对比。

在 Figma 中打开

相关插件