"打通设计与研发效率最后一公里”-云事业部前端团队 D2C/C2D落地经验分享

💡 原文中文,约3300字,阅读约需8分钟。
📝

内容提要

京东云前端团队与Relay设计平台合作构建C2D2C模式,提升设计师与研发的协作效率,解决设计资产版本差异和D2C效果不足的问题。通过Mobius Design System,实现设计与研发资产的同源改造,简化设计流程,提高工作效率。

🎯

关键要点

  • 京东云前端团队与Relay设计平台合作,构建C2D2C模式,提升设计师与研发的协作效率。
  • C2D2C模式旨在解决设计资产版本差异和D2C效果不足的问题。
  • Mobius Design System实现设计与研发资产的同源改造,简化设计流程。
  • 京东云前端业务组件库快速发展,积累了140+个业务组件,显著提高了工作效率。
  • 设计师精力分散和版本代差问题影响设计与研发的协作效率。
  • C2D2C模式的解决思路包括通过Code To Design解决版本代差问题,使用设计平台Plugin管理Design Token。
  • 设计师使用Figma控件生成设计稿,并能实时更新DesignToken。
  • 在实现过程中需考虑设计控件与前端组件的属性和交互的匹配问题。
  • D2C过程中,设计稿转代码的准确性和维护性是关键挑战。
  • 未来计划包括实现京东云前端物料的设研资产同源,探索基于AI的D2C模式。

延伸问答

C2D2C模式的主要目标是什么?

C2D2C模式旨在提升设计师与研发的协作效率,解决设计资产版本差异和D2C效果不足的问题。

Mobius Design System如何提高工作效率?

Mobius Design System通过实现设计与研发资产的同源改造,简化设计流程,从而提高工作效率。

设计师在D2C过程中面临哪些挑战?

设计师在D2C过程中面临设计稿转代码的准确性和维护性低的问题。

京东云前端团队的组件库发展情况如何?

京东云前端团队的组件库快速发展,已积累140多个业务组件,显著提高了工作效率。

如何解决设计资产的版本代差问题?

通过Code To Design解决设计资产的版本代差问题,并使用设计平台Plugin管理Design Token。

未来的计划包括哪些方面?

未来计划包括实现京东云前端物料的设研资产同源,探索基于AI的D2C模式。

➡️

继续阅读