关闭
您当前的位置:首页 > 伙乘资讯 > 24AI代码开发

Deco:京东推出的设计稿一键生成多端代码工具,目前仅支持 Sketch 工具

来源:伙乘AI 时间:2023-07-13 作者:伙乘AI 浏览量:

京东推出的设计稿一键生成多端代码,插件适用范围 Mac ,目前仅支持 Sketch 工具,请确保安装 Deco 插件前,已经安装了 Sketch 工具

Deco

Deco利用人工智能,结合各类自动化、工程化等手段,将Sketch、PS、图片类的设计稿转换生成还原度高、可维护强的代码,致力于突破业务生产力瓶颈,为前端大规模、高效率生产提供赋能。

Deco对视觉稿没有严格的约束,工具对绝大多数场景都做了规则化的适配处理,但仍有少数场景无法完全覆盖:

  • 对于设计师而言,遵循以下设计规范,可让D2C的视觉还原效果更佳;

  • 对于前端工程师而言,使用以下视觉稿调整建议,可让智能生成的代码结构更合理;

Deco

Deco推荐的设计规范实践:

  • 页面模块建议放在画板(Artboard)中

  • 图层需要按楼层模块进行分组,并且尽量保证图层组结构清晰

  • 对于大的页面模块,第一层级的子图层建议使用编组(Group),以保证楼层模块划分清晰。

Deco

在设计前台一体化的体系中Deco承接设计交付的物料,结合插件标注及AI算法的处理,转化为标准化的楼层代码,实现开发流程的大幅度提效,快速获得楼层和页面,促进商业生产。

Deco通过标准化的设计物料输入及楼层页面输出,帮助沉淀设计规范和统一开发标准,推进流程的标准化建设,降低人力成本和流程损耗,进一步提高生产质量。

码工具


Deco:https://deco-preview.jd.com/

微信扫一扫分享资讯

相关推荐
暂无相关推荐
热门话题
推荐文章