京东推出的设计稿一键生成多端代码,插件适用范围 Mac ,目前仅支持 Sketch 工具,请确保安装 Deco 插件前,已经安装了 Sketch 工具
Deco
利用人工智能,结合各类自动化、工程化等手段,将 Sketch
、PS
、图片类
的设计稿转换生成还原度高、可维护强的代码,致力于突破业务生产力瓶颈,为前端大规模、高效率生产提供赋能。
Deco
对视觉稿没有严格的约束,工具对绝大多数场景都做了规则化的适配处理,但仍有少数场景无法完全覆盖:
- 对于设计师而言,遵循以下设计规范,可让
D2C
的视觉还原效果更佳; - 对于前端工程师而言,使用以下视觉稿调整建议,可让智能生成的代码结构更合理;
Deco
推荐的设计规范实践:
- 页面模块建议放在画板(Artboard)中
- 图层需要按楼层模块进行分组,并且尽量保证图层组结构清晰
- 对于大的页面模块,第一层级的子图层建议使用编组(Group),以保证楼层模块划分清晰。

在设计前台一体化的体系中 Deco
承接设计交付的物料,结合插件标注及AI算法的处理,转化为标准化的楼层代码,实现开发流程的大幅度提效,快速获得楼层和页面,促进商业生产。
Deco
通过标准化的设计物料输入及楼层页面输出,帮助沉淀设计规范和统一开发标准,推进流程的标准化建设,降低人力成本和流程损耗,进一步提高生产质量。
数据统计
数据评估
本站优渥导航提供的Deco都来源于网络,不保证外部链接的准确性和完整性,同时,对于该外部链接的指向,不由优渥导航实际控制,在2023年7月15日 下午1:09收录时,该网页上的内容,都属于合规合法,后期网页的内容如出现违规,可以直接联系网站管理员进行删除,优渥导航不承担任何责任。
相关导航

Codeium offers best in class AI code completion & search — all for free. It supports over 70+ languages and integrates with your favorite IDEs, with lightning fast speeds and state-of-the-art suggestion quality.codeium 可以通过AI帮助开发者生成代码,目前已支持Visual Studio、JetBrains等多个常见IDE以及多个浏览器。目前个人使用免费

CodeGeeX is an AI-based coding assistant, which can suggest code in the current or following lines. It is powered by a large-scale multilingual code generation model with 13 billion parameters, pretrained on a large code corpus of more than 20 programming languages. CodeGeeX是一个基于AI大模型的编程辅助工具,可以实现自动代码生成、代码翻译、自动编写注释等功能,支持20多种编程语言。