为成长中的产品构建可扩展的设计系统

产品还小的时候，每个页面各行其是也无妨。随着团队壮大，这种自由就变成了混乱。设计系统正是恢复秩序的方式。

从令牌开始

令牌是最小的单位：颜色、间距、圆角、字体。定义一次，所有组件便继承——更改几个基础值即可完成品牌焕新。

有意图的组件

一个好的组件涵盖所有状态：默认、悬停、聚焦、错误、空态。它应当让人难以误用。其文档说明何时使用——以及何时不该用。

• 令牌：一致性的基础。
• 组件：可复用的构建模块。
• 模式：针对重复场景组合组件的方式。
• 文档：让整个团队说同一种语言。

设计系统不是有终点的项目，而是一个随每天使用它的团队一同成长的活产品。