2026年8月18日 星期二门户版
小宇网络CMS博客

独立建站系统

退出
首页 / 博客 / 设计灵感
设计灵感

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

设计师小周📅 2026-08-13 14:20👁 874 阅读❤ 118

面试时我问候选人:「你们的设计系统包含什么?」答案十次有九次是:「一套 React 组件。」

这就是误解的开始。

组件库 ≠ 设计系统

组件库回答的是「有什么」:按钮、输入框、表格。设计系统回答的是「为什么」与「何时」:

  • 什么时候用主按钮,什么时候用次按钮
  • 错误状态有几种,分别对应什么情绪
  • 文案的语气:我们称呼用户「你」还是「您」

最小可行设计系统

别从 200 个组件开始,从这三样开始:

  1. 设计令牌:颜色、间距、字号的唯一真相源
  2. 原则:三条以内,能用来吵架用(「优先级冲突时,效率让位于可访问性」)
  3. 贡献流程:任何人都能提案,两周一次评审

判断标准

如果你的「设计系统」删掉 Figma 文件就消失了,那它只是组件库。

真正的设计系统活在团队的决策方式里。

💬 评论 (2)

摸鱼达人1#
看完默默把我们 figma 里的「设计系统 v3-最终版-真的最终版」删了。
超级管理员2#
三条原则以内,能用来吵架——这个标准很实操。