“打通设计与研发效率最后一公里”-云事业部前端团队 D2C/C2D落地经验分享
💡
原文中文，约3200字，阅读约需8分钟。
📝
内容提要
京东云前端团队与Relay设计平台合作构建C2D2C模式，旨在提高设计师与研发的协作效率，解决设计资产版本差异和D2C效果不足的问题。通过Mobius Design System，团队实现了设计与研发资产的同源改造，提升了组件库使用效率，降低了人力成本。未来将继续探索基于AI的D2C模式。
🎯
关键要点
- 京东云前端团队与Relay设计平台合作，构建C2D2C模式，提升设计师与研发的协作效率。
- C2D2C模式旨在解决设计资产版本差异和D2C效果不足的问题。
- Mobius Design System实现了设计与研发资产的同源改造，提升组件库使用效率，降低人力成本。
- 京东云前端业务组件库快速发展，积累了140+个业务组件，节省人力成本近300W+。
- 设计师精力分散和版本代差问题影响设计与研发的协作效率。
- C2D2C模式通过Code To Design和Design To Code解决设研资产版本代差问题。
- 设计师使用Figma控件，修改DesignToken并生成CSS/SCSS/JS变量文件。
- C2D2C模式的可行性研究考虑了设计控件与前端组件的匹配问题。
- 实现方法包括将DesignToken通过API导入Figma，生成Figma Variable。
- 未来将继续探索基于AI的D2C模式，提升设计与研发的协作效率。
❓
延伸问答
C2D2C模式的主要目标是什么？
C2D2C模式旨在提升设计师与研发的协作效率，解决设计资产版本差异和D2C效果不足的问题。
Mobius Design System如何提高组件库的使用效率？
Mobius Design System通过实现设计与研发资产的同源改造，提升了组件库的使用效率，降低了人力成本。
京东云前端团队在C2D2C模式中使用了哪些工具？
京东云前端团队使用了Figma和Relay设计平台来实现C2D2C模式。
C2D2C模式如何解决设计资产的版本代差问题？
C2D2C模式通过Code To Design和Design To Code的方式，管理和关联Design Token，从而解决版本代差问题。
京东云前端组件库的快速发展带来了哪些成效？
京东云前端组件库快速发展，积累了140+个业务组件，累计提效840+人/天，节省人力成本近300W+。
未来京东云前端团队在D2C模式上有什么计划？
未来将继续探索基于AI的D2C模式，以进一步提升设计与研发的协作效率。
➡️
