我们为什么要做设计系统.pdf

我们为什么要做设计系统

关键词：设计系统
⾯试问题
价值点

本期U享会很荣幸邀请到，前阿⾥巴巴集团设计总监，设计委员会委员，5key⽼师，为⼤家带来《我

们为什么要做设计系统》主题分享。与我们分享设计系统的核⼼价值以及背后思考。

⾸先给⼤家讲⼀讲设计系统的价值以及重要性，我们先从所处的⼤环境开始。

外部环境的变化

互联⽹已经不是什么新鲜事物，对于我们这⼀代⼈来讲，它已经成了⾮常基础的社会基建。也正是因

为这样的原因。作为⾝处在这个⾏业中的设计师，我们的⼯作跟互联⽹⼀定是息息相关的。根据⼀年

多的观察，可以列举三部分内容：

1.⼗四五数字经济规划影响，toB
业务增⻓迅猛。去年年底，国家公布了「⼗四五数字经济规划」主要

发展指标。产业数字化转型带来⼤量需求产⽣。⼯业互联⽹平台、⽹上零售、电商、政务⼏个领域到

2025
年的预期性增⻓，加起来有
40
多万亿。因此toB、toG
类需求成为各⼤公司重要发展⽅向之⼀。

⼀般执⾏层不建议聊这个，太尴尬了

2.经济环境收紧，企业降本提效。由于疫情、国际形势的影响，整体经济形势受到较⼤的冲击。不稳定

不确定性加⼤，各类企业均开始收缩成本，降本提效成为企业当下最为重要策略之⼀。

3.开源⽣态繁荣，设计协作模式改变。软件开源其实是⼗四五经济规划⾥⾯⾮常重要的⼀点。作为就是

国内最⼤的⼏家互联⽹公司，字节跳动、阿⾥、腾讯和百度等等这些公司，纷纷响应国家的号召把⾃

⼰设计系统作为开源。互联⽹企业开始逐步优化产品研发模式，通过建设设计系统改进业务⽣产流

程，提升产品迭代质量和效率。

⼀次关于设计系统的⽤⼾调研

跟⼤家分享⼀组年初的调研数据，调研对象主要是设计师以及少量前端同学。⽬的是想看⼀看设计系

统在当下发展的状态，⼤家看到下图⾥的数据样本，有效样本⼤概是
100
多个，量虽然不⼤但还是有

⼀定代表性。这⾥⾯我会挑了⼀些关键信息来给⼤家去讲⼀讲。

⾸先可以看到将近60%
的团队已经在建设⾃⼰的设计系统，有将近
20%
的团队，已经完成这件事情，

甚⾄已经在使⽤它了。

其次通过数据可以看到参与设计系统建设的⼈员将近40%是设计师和前端。这个点⾮常重要，就是如

果说够在设计跟研发之间形成绑定约束，那对于我们后⾯做设计系统或者使⽤设计系统是有⾮常⼤的

价值的。甚⾄还有
16%
的团队连产品也参与进来了。然后有
20%
的团队是有设计系统架构师这么⼀

个岗位。

最后会发现将近94%的团队认为：做设计系统能够提⾼我们的协同⽣产效率的。说明业内对于设计系

统的作⽤和影响有了认知上的改变。

聊聊在阿⾥的真实案例

分享⼀下在阿⾥集团的⼀些真实的案例。阿⾥集团
Fusion
Design和蚂蚁集团的
Ant
Design
⽀撑了三

⼤集团数百条业务线的业务⽣产活动。设计系统已成为产研研发流程中必不可少的⼀环。部分业务线

已经可以达到设计师提效50%，研发提效30%。

当然这⾥⾯有⼀点很重要，设计师需要的不仅仅是依靠这⼀套⽰意系统，更重要的是有⼀系列配套的

流程和⼯作去来保障系统能顺畅地运转下去。

设计系统的价值

给⼤家说⼀下设计系统的价值到底在哪⾥，主要体现在以下三个⽅⾯：

1.对公司⽽⾔。设计系统是⼀个产品的基础，也是业务快速迭代的发动机。通过设计系统的建设，可以

优化业务⽣产流程，达到企业降本提效的⽬的。

2.对设计团队⽽⾔。设计系统是设计团队最为核⼼的能⼒和资产，是设计团队提升影响⼒、成为业务核

⼼能⼒的重要基础。

3.对设计师⽽⾔。设计系统是设计师体系化思考的能⼒沉淀，也是设计师职业发展不可或缺的⼀种重要

能⼒。

可以补充：设计系统对于体验⼀致性和⽤⼾产品认知的作⽤

设计系统的三个类型

关于设计系统的类型，我把它分成三类：系统-领域-业务。它既是⼀个层层递进的关系，也是从抽象到

具象的过程。

1.系统级。操作系统及浏览器级别的设计系统，提供最底层操作系统级的设计及研发指引。配合硬件和

技术的发展提供更多交互的可能性，具备更好的⽣⻓性。

2.领域级。聚焦于某⼀领域通⽤
解决⽅案，为产品
0
到
1
发展提供基础⽀持。建⽴⼀些具备共同认知

和有⼒量的标准，能够提升这个领域的体验基础。同时还需要具备良好的⽣⻓型，让这些领域的产品

具备同样优秀的基础体验，也让⼩公司的起步会更加快。

3.业务级。针对业务特性进⾏明确定义，为产品迭代研发提供
设计和⼯程指引。有明确的约束和指

引，能够帮助业务快速地实现产品业务逻辑，避免不必要的浪费。具备良好的业务抽象和扩展性，有

⾮常好的运作机制，能够提升整体业务⽣产链路的效率。

领域级案例：AWS
CloudScape

这⾥推荐⼀个领域级案例