设计系统（design system）是提升设计研发效率、确保产品一致性的重要工具。
大型企业由于人员和团队众多、为保证大规模功能和应用开发的质量和一致性，都纷纷建立起设计系统，并不断探索如何提高设计系统的自动化水平。
一 打造设计API，让设计系统活起来
API是软件开发中常见的基础概念，用于实现两个或更多系统间的数据交换实现协同。
系统间通过API可实现高效、良好的协同
如果说把“设计”和“开发”看着两个系统，那么传统意义上的设计团队-开发团队协作，是一种不标准的通信方式：没有明确的约定和约束、出现不一致或错误时没有告警，双方沟通存在随意性。
1 基于API机制，实现标准化的高效沟通
（1）设计系统是支持设计团队内部高效运作的工具技术。开发遵守约定使用设计组件，设计系统确保基于设计API接口生成的页面是高可用的、符合企业规范的；
（2）基于设计和开发达成共识的约束条件，确保设计和开发使用共同的语言，极大减少沟通成本和各自工作量、确保上线效果；
（3）为保证API的高可用性，设计系统优化迭代同样遵守约定的规则，并借助API通信快速更新到所有相关的功能或系统；
（4）借助API接口，设计系统可以同时满足多个系统的查阅和使用要求、并确保大家查询的信息是最新的，比如：给不同开发团队使用，实时同步给客服、用户帮助手册等。
设计API文档示意（来源：https://matthewstrom.com/writing/design-apis/ ）
2 设计系统的API接口亦需遵守API通用规则，至少需约定以下内容：
（1）请求参数规则
（2）请求地址url
（3）请求示例、返回示例。
（4）定义API的返回参数，尤其是约定的常见错误码，如资源未找到、服务器错误、身份校验失败等。
设计API示例片段（来源：https://matthewstrom.com/writing/design-apis/ ）
3 引入design token机制
salesforce的Lightning和 Shopify的Polaris等设计系统率先使用了design token机制。
借助design token，我们可以通过API方式传输设计决策，设计API可自动生成适合当前平台使用的多种根式或代码片段，这有助于减少开发人员研究设计文档（sketch文档）和与设计师沟通的成本。
此外，通过token鉴权可以赋予API使用者的写入权限。借助设计系统配备的设计规范检查/审查工具，确保设计系统的有序更新、保证产品质量的不断提高、确保一致性。
4 推广标准格式/文档，避免因开发语言、框架升级带来的迁移成本
鉴于开发工具、框架等市场需要升级或变化，为减少相关的迁移成本、我们需要定义出标准的设计格式，比如颜色和控件命名等。
二 未来展望
可预见的是，一旦能够生成标准化的API接口、就会催生出网络化的设计系统，这区别于市面上常见的设计组件库——组件库大多只是单向的：设计人员从组件库中获取组件，而无法新增组件。
借助规范的API机制，设计系统可引入规则库、更新规则，并自动校验新增组件是否符合当前规范、确定是否采纳；设计人员也可以更容易管理设计决策、更新设计组件。组件一旦更新可以自动更新到最终用户面前。
借助规范的API机制，开发人员可以更轻松快速地维护多个平台和版本的代码仓库，但不会牺牲代码质量、确保所有功能和页面始终符合企业最新规范。
同时借助可视化的开发或配置工具，设计和运营人员可直接操作修改相关参数，更新相关的CSS、HTML和JavaScript文件——这将大幅缩短设计决策到最终实现的周期，降低对开发人员的依赖。
相关阅读：
https://lightningdesignsystem.com/ saleforce设计团队推出和维护的设计系统
https://zhuanlan.zhihu.com/p/71739531 API的简介
https://polaris.shopify.com/ shopify设计团队推出和维护的设计系统
https://www.modulz.app/ 低代码开发工具，设计运营人员可使用
https://github.com/salesforce-ux/theo saleforce设计团队推出的design tokens
https://amzn.github.io/style-dictionary/#/ 亚马逊的风格定义系统
网友评论