什么是 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 ：定义框架结构。

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

Step 2：根据框架结构定义相关内容。

包括样式+组件+页面+流程等等

Step 3：在项目中推广运用，与产品、前端达成共识。

Design System 的推行不仅仅需要团队成员能够达成共识，更需要产品、前端一起达成共识，并进行阶段性推行。这往往是一件自上而下的行为。

Step4：收集反馈，不断调整、优化。

在实际业务中使用，反哺给 design system，持续优化。

完整的设计系统需要的远不止视觉设计系统。交互设计行为（例如手势）、内容指南（如果写得很烂，再漂亮的视觉也没用）、品牌都需要不断补充进来。

我的认知：

• Design System 不仅仅是设计规范，是大前端（前端+设计）的一体化解决方案。
• Design System 可以视团队情况灵活使用，可大可小。
• Design System 的设计是一个权衡通用性和灵活性的过程，这个权衡的过程考验设计师对业务的把控程度。
• Design System 需要持续动态维护。
• Design System 一般横跨多业务模块，在较为复杂的业务环境下容易发挥它的价值。

欢迎关注公众号：设计有一思