Part 02

设计系统
的本质

THE NATURE OF SYSTEM

Definition

它不是什么

一堆 UI 组件的集合

→ 那叫组件库

一份颜色和字号的清单

→ 那叫风格指南

一个 Figma 文件

→ 那叫设计稿

它是什么

设计系统是一套将设计决策从
「每次重新想」
变成
「查规则就行」
的基础设施。

Five Elements

它包含五样东西

01原则

回答"我们为什么这样做"

02令牌

回答"具体值是多少"

03组件

回答"这个东西长什么样、怎么交互"

04模式

回答"组件怎么组合成常见页面结构"

05文档

回答"以上四样在哪里查"

五者缺一，系统就有漏洞。

Core Identity

唯一真理来源

SINGLE SOURCE OF TRUTH

当两个页面的按钮长得不一样时，不需要讨论"哪个对"——去查系统。

RULE

系统说什么样，就是什么样。
如果系统里没有定义，那先定义进系统，再使用。

任何绕过系统的"临时方案"，都是在制造技术债和视觉债。