用途:通过设计令牌创建并维护一致的设计系统,主要覆盖颜色、间距和排版,适用于定义设计规范、替换硬编码样式、改进设计系统以及添加深色模式支持。
核心规则:始终使用令牌而非硬编码值;优先采用语义化命名(如 color.primary);保持系统简单且可扩展;确保各组件之间保持一致。
工作流程:
- 审计:找出硬编码值,识别不一致之处。
- 定义令牌:为颜色、间距、排版创建令牌,要求命名清晰、避免重复、层级简单。
- 应用:用令牌替换硬编码值,确保组件间复用。
- 验证:检查一致性、可读性和基础无障碍(对比度)。
输出格式:令牌定义、更改前后对照(Before → After)、受影响组件列表。
期望效果:清晰的令牌结构、最小且可复用的系统;应避免随意取值和过度复杂的令牌层级。
限制:资料未提供具体安装命令、代码示例、支持平台、收费方式或与其他工具的集成细节。