用途:帮助构建、维护和演进设计系统,统一团队的视觉语言与 UI 组件规范。
主要能力:
- 设计令牌:定义颜色(品牌、语义、中性)、排版(字阶、字重、行高)、间距(刻度、组件内边距)、边框(圆角、宽度)、阴影(层级)和动效(时长、缓动)。
- 组件:管理可复用 UI 元素的变体(primary、secondary、ghost)、状态(默认、悬停、激活、禁用、加载、错误)、尺寸(sm、md、lg)、行为(交互、动画)和无障碍(ARIA、键盘)。
- 模式:组合组件形成常见 UI 方案,如表单(输入组、校验、提交)、导航(侧栏、标签页、面包屑)、数据展示(表格、卡片、列表)和反馈(提示、模态框、内联消息)。
使用方式:通过触发词调用,如 design system、component library、design tokens、style guide。
设计原则:一致性优先于创意;在约束内保持灵活,组件应可组合而非僵化;一切均需文档化;版本升级与迁移需提供迁移路径。
限制:资料未提供具体安装命令、平台支持、收费方式或代码示例等细节,暂未提供。