什么是 Design system：

A design system (as it pertains to tech products) is more than a framework, UI toolkit or component library. It’s more than a style guide or set of code guidelines. It’s even more than the sum of those parts. A design system is an evolving ruleset governing the composition of a product.

设计系统（与技术产品相关）不仅仅是一个框架，UI 工具包或组件库，它不只是一个样式指南或一组代码指南，它至少是这些内容的总和。一个设计系统是跟随着产品发展过程中不断改进的规则集。

Design System 的价值

对于设计师：确保一致性，提高整体体验的质量。
对于团队：降低沟通成本、验收成本，减少设计和工程时间。
对于开发者：降低视觉迭代成本。

如何搭建 Design System

Step 1 ：定义框架结构。
根据业务需要定义它的框架结构，不一定是大而全。

Design system.018.jpeg
Step 2：根据框架结构定义相关内容。
包括样式+组件+页面+流程等等
Step 3：在项目中推广运用，与产品、前端达成共识。
Design System 的推行不仅仅需要团队成员能够达成共识，更需要产品、前端一起达成共识，并进行阶段性推行。这往往是一件自上而下的行为。
Step4：收集反馈，不断调整、优化。
在实际业务中使用，反哺给 design system，持续优化。
完整的设计系统需要的远不止视觉设计系统。交互设计行为（例如手势）、内容指南（如果写得很烂，再漂亮的视觉也没用）、品牌都需要不断补充进来。