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

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

内容提要

京东云前端团队与Relay设计平台合作构建C2D2C模式,旨在提高设计师与研发的协作效率,解决设计资产版本差异和D2C效果不足的问题。通过Mobius Design System,团队实现了设计与研发资产的同源改造,提升了组件库使用效率,降低了人力成本。未来将继续探索基于AI的D2C模式。

🔎

延伸解读

C2D2C模式的优势

C2D2C模式通过将设计与研发资产同源化,显著提升了设计师与开发人员之间的协作效率。这种双向流动的模式不仅减少了设计资产的版本差异,还降低了人力成本,使得团队能够更专注于业务逻辑的实现。

设计与研发的协同挑战

尽管C2D2C模式带来了许多好处,但在实施过程中仍面临挑战。例如,设计控件与前端组件的匹配问题可能导致设计效果无法完全还原。此外,设计师需要适应新的工作流程,参与到组件库的研发中,这对团队的协作能力提出了更高的要求。

未来的AI探索

文章提到未来将继续探索基于AI的D2C模式,这可能会进一步提升设计与研发的协作效率。通过AI技术,团队可以实现更高质量的代码生成和设计稿转化,从而减少人工干预,提高整体工作效率。

Q&A

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模式,以进一步提升设计与研发的协作效率。

🏷️

标签

➡️

继续阅读