什么是设计令牌，应该怎样命名？

把可重复使用的设计决定起成清楚的名字，让设计与代码容易对照。

设计令牌，是给一个可重复使用的设计决定起名字，并记录它的值。例如“主要文字颜色”对应一个色值，设计和开发都按同一个意思使用。

先记住这几件事

• 值 是具体内容，如颜色、距离或时长；名字说明这个决定是什么、用在哪里。
• 同一用途反复使用同名令牌，比到处手填数值更容易管理。
• 命名要稳定、可理解，避免“新蓝色”“好看阴影”这类只对当时作者有意义的名称。
• 令牌可以存为数据、在设计工具里表示、在代码里使用，但这些地方需要约定对应关系。

概念与命名用途见 Spectrum 设计令牌指南 。令牌在设计工具中的表示见 Figma 变量指南 。

一个设计决定怎样复用？

命名变化的示意

以下名字只用于教学；实际名称按团队约定。

用一个例子走一遍

团队发现十几个表单都需要错误文字，于是给这个用途起名 text-error 。设计师和开发者各自记录它的对应方式。调整错误颜色时，先查哪些页面使用它，再检查这些页面的背景与可读性，最后通知使用者采用改动。

边界与常见误解

令牌不是“把所有东西都变成变量”。一次性的内容通常不用成为共同规则。设计工具里的值改变，也不会天然更新已经上线的网页；仍然需要同步和发布的过程。