项目 / 2026.07.20

DSM × CD 协同设计

用组件、Design Tokens 与共同交付责任,重写产品、设计和前端的协作关系。

海典 UED 与前端团队进行组件库评审

从交付界面开始

早期的产研流程里,产品、设计和前端依次交接。设计规范存在于文档,组件存在于不同工具,最终质量往往要等到验收时才被共同看见。

CD 协同设计把产品经理与 UED 放进同一个设计过程,也让前端更早进入组件与规范的定义。交付不再是一个角色把文件交给下一个角色,而是共同维护一套可复用的语言。

建立共享语言

团队从零建设 B 端与 C 端组件、业务模板与 Design Tokens。在设计资产迁移期间,四名设计师用约一个月完成组件库和项目的迁移,让云端协作与数据安全同时可控。

组件名称、属性、状态和 Token 不只服务设计工具,也与前端组件保持一致。设计系统开始承担三种角色:

  • 产品与设计的共创工具
  • 设计与前端的组件契约
  • Agent 理解企业界面的结构化上下文

组织先于工具

设计与前端架构组成虚拟协同团队,共同发布规范、维护组件并定义验收方式。工具没有替代协作,而是把协作中已经达成的共识放大。

公开案例显示,一套包含十到十五个组件的业务组件开发,从过去三到五个月缩短到约一个月;一条产品线在半年完成三次大版本与四十八次小迭代。

设计的角色变化

当设计师开始维护组件、规范与上下游关系,设计就不再只是界面生产。它成为研发秩序的一部分:让复杂关系更早被看见,让决策在交付之前完成。