“打通设计与研发效率最后一公里”-云事业部前端团队 D2C/C2D落地经验分享
内容提要
京东云前端团队与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模式,以进一步提升设计与研发的协作效率。