Deco

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

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

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

• 对于设计师而言，遵循以下设计规范，可让 D2C 的视觉还原效果更佳；
• 对于前端工程师而言，使用以下视觉稿调整建议，可让智能生成的代码结构更合理；

Deco 推荐的设计规范实践:

• 页面模块建议放在画板（Artboard）中
• 图层需要按楼层模块进行分组，并且尽量保证图层组结构清晰
• 对于大的页面模块，第一层级的子图层建议使用编组（Group），以保证楼层模块划分清晰。

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

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

码工具