从零搭建产品设计系统：变量、组件与团队协作
一、为什么需要设计系统
设计系统是产品团队的统一设计语言。它能保证多个产品线视觉一致性、提升设计与开发协作效率、降低新成员上手成本。
二、设计系统的三层架构
1. 设计Token层
最底层的原子级设计变量：颜色、字体、间距、圆角、阴影等。全部使用CSS变量声明，全局统一管理。
2. 组件层
基于设计Token构建复用组件：按钮、卡片、输入框、标签、弹窗等。每个组件定义完整的样式参数和状态（默认、悬停、点击、禁用）。
3. 模板层
基于组件组合成页面模板：列表页、详情页、表单页、仪表盘等。可直接用于原型制作。
三、设计系统的维护
建立变更评审机制，定期走查一致性，版本化管理。设计系统不是一次性的工程，而是需要持续迭代的产品。