设计 Token 是设计系统的基石。本文深入讲解如何建立一套从设计到代码的 Token 体系。
什么是设计 Token？
设计 Token 是将设计决策（颜色、间距、字体大小等）抽象为命名变量的方式。它们是设计系统中最细粒度的样式单元。
为什么需要设计 Token？
- **一致性**：整个产品使用统一的视觉语言
- **可维护性**：修改一个 Token，全局生效
- **协作效率**：设计师和开发者使用同一套语言
实践建议
- 从颜色、间距、字体三大维度开始
- 使用语义化命名（`--color-primary` 而非 `--blue-500`）
- 分层设计：基础 Token → 语义 Token → 组件 Token