先给定义：设计系统（design system）= 一套可复用的组件 + 模式 + 设计规范 + 设计令牌（tokens），外加指导它们如何使用的原则与文档，作为整个产品族的单一事实来源（single source of truth）——让设计师和工程师用同一套零件、按同一套规则，快速搭出一致的界面。

注意：它不只是一个 Figma UI 套件或一份配色表——那些只是其中一部分。设计系统是把『长什么样 + 怎么用 + 代码实现 + 谁来维护』打包成的一个活的产品：一个服务于其它产品的产品。

为什么要它？没有设计系统时，每个页面、每个团队各造各的按钮、各调各的间距，结果是界面不一致、重复劳动、改一处漏十处。设计系统解决三件事：

- 一致性——同一种元素全产品长一样、行为一样（直接落地可用性启发式第 4 条『一致性与标准』）；
- 规模与速度——复用现成组件而非每次重做，新功能搭得更快；
- 可维护——改一次令牌/组件，所有用到的地方一起更新（『一处修复、处处生效』）。

产品越大、团队越多、迭代越快，设计系统的杠杆越大。