设计系统不是组件库:一个被误解三年的名词

面试时我问候选人:「你们的设计系统包含什么?」答案十次有九次是:「一套 React 组件。」
这就是误解的开始。
组件库 ≠ 设计系统
组件库回答的是「有什么」:按钮、输入框、表格。设计系统回答的是「为什么」与「何时」:
- 什么时候用主按钮,什么时候用次按钮
- 错误状态有几种,分别对应什么情绪
- 文案的语气:我们称呼用户「你」还是「您」
最小可行设计系统
别从 200 个组件开始,从这三样开始:
- 设计令牌:颜色、间距、字号的唯一真相源
- 原则:三条以内,能用来吵架用(「优先级冲突时,效率让位于可访问性」)
- 贡献流程:任何人都能提案,两周一次评审
判断标准
如果你的「设计系统」删掉 Figma 文件就消失了,那它只是组件库。
真正的设计系统活在团队的决策方式里。



💬 评论 (2)