在产品交付链路中，前端设计协同的高效与否直接关系到产品的上线节奏。长期以来，由于设计师与工程师思维方式、关注点和使用工具上的差异，前端设计协同存在两大痛点：沟通成本高、局部效率低。

为了解决这两大痛点，网易云音乐以产品的快速交付为目标导向，对现有的协同流程进行解构，提出了基于 C2D2C（Design2Code2Design）的无损设计协同，尝试利用组件代码及其衍生物统一协作语言，将设计意图无损传递给下游开发，消除不确定性，解决沟通成本大的问题。

而在设计侧，通过 C2D（Code2Design）实现代码驱动设计，设计师从绘制设计稿转变成配置设计稿，提高出稿效率；在开发侧，通过 D2C（Design2Code）实现设计稿自动生成代码，提高出码的效率。本场将重点分享云音乐在 C2D2C 无损设计协同上的思考和实践。

演讲提纲：

1. 背景介绍

• 设计协同简介
• 设计协同需要解决的两大问题
• 传统有损设计协同的工作流程及其痛点

2. 云音乐基于 C2D2C 的无损设计协同

• C2D2C 设计协同的工作流程以及解决的核心痛点
• 相比「有损」设计协同，C2D2C 设计协同的优势
  • 维护成本低——只需开发侧维护组件库即可
  • 协作效率高—— 用组件代码及其衍生物统一协作语言，设计意图无损传递给开发
  • 局部效率高

3. 基于 C2D2C 的无损设计协同的方案设计与技术挑战

• 产品大图 & 技术架构图介绍
• 插件
  • 如何跨设计平台（Sketch、Figma）
  • 如何实现 Sketch / Figma 组件的可配置
• C2D
  • 如何做技术选型（html2sketch vs react-sketchapp / html2figma vs react-figmaapp）
  • 如何保证 95% 以上的视觉还原度
• D2C
  • D2C 是否一定需要借助 AI？
  • 基于元数据的 D2C 原理介绍
  • 如何实现能力的跨平台和多端（Sketch 、Figma 平台、Android、iOS、RN、Web 四端）

4. 总结与展望

• 业务接入情况 & 开源计划
• 未来发展路线图

你将获得：

• 了解网易云音乐在解决设计协同方面的最新思考和探索
• 了解如何借助 C2D 为设计师提效
• 了解如何借助基于元数据的 D2C 为开发提效