用途:构建和维护设计系统,适用于创建组件库、设计令牌(design tokens)或样式指南的场景。
主要能力:
- 原子设计(Atomic Design)分层:原子(按钮、输入框、标签、图标)、分子(搜索栏=输入框+按钮;表单字段=标签+输入框+错误提示)、有机体(页头、侧边栏、卡片)、模板(仪表盘、设置页布局)、页面(具体实例,如用户仪表盘、管理员设置)。
- 设计令牌:以 JSON 组织颜色(primary、neutral 等色阶)、间距(spacing)、字体(family、size)、圆角(radius)等基础变量。
- 组件 API 定义:如 ButtonProps 接口,包含 variant、size、disabled、loading、leftIcon、rightIcon、children、onClick 等属性。
- 文档规范:每个组件应记录 Usage(何时使用)、Props(可用选项)、Examples(常见模式)、Accessibility(无障碍考量)、Do/Don't(最佳实践)。
使用方式:资料未提供具体安装命令或调用步骤,仅给出设计系统结构、令牌示例与组件接口示例,以及一个“Design Framework Template”资源链接。
适用场景:需要统一多应用 UI 规范、沉淀可复用组件与设计变量的前端或设计工程团队。
限制:资料未说明支持的框架、平台、收费方式或实际效果,相关细节暂未提供。