用途:面向高级 UI 设计师的设计系统工具包,覆盖设计令牌生成、组件系统搭建、响应式设计与开发者交付。
主要能力:从品牌色生成完整设计令牌,包含颜色(primary、secondary、neutral、semantic、surface)、排版、8pt 间距、尺寸、边框、阴影、动画、断点与 z-index;支持 modern、classic、playful 三种风格预设;可导出 json、css、scss 或 summary。提供组件层级(原子、分子、组织、模板)、变体与状态文档、响应式断点与流体排版计算,以及 WCAG 对比度校验。
使用方式:核心脚本为 python scripts/design_token_generator.py "#0066CC" modern json,可替换品牌色、风格与输出格式,例如 python scripts/design_token_generator.py "#0066CC" modern css > design-tokens.css。生成结果可接入 React、Tailwind、styled-components,或通过 Tokens Studio 插件同步 Figma。
适用场景:需要建立或统一设计系统、生成 CSS 变量、搭建组件库、计算响应式断点与流体字号、准备开发者交付文档时使用。
限制:资料未提供安装方式、依赖要求、收费与平台信息;具体效果与兼容性暂未提供。