SuperAPI AI 工具集

ui-design-system

设计与创作

查看项目

更新于 10-15 16:48

技能介绍

用途:面向高级 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 变量、搭建组件库、计算响应式断点与流体字号、准备开发者交付文档时使用。

限制:资料未提供安装方式、依赖要求、收费与平台信息;具体效果与兼容性暂未提供。