Deco App 介绍

Deco 是京东推出的一款基于 AI 技术的智能代码生成工具，专注于将设计稿（如 Sketch、Photoshop 文件或图片）一键转换为多端代码（支持 Taro/React/Vue/HTML 等框架），显著提升前端开发效率。其核心功能包括：

多端代码生成：自动解析设计稿布局和样式，输出高还原度、可维护的代码。

智能组件识别：通过 AI 算法识别设计稿中的组件并映射为代码库中的组件，减少手动编码。

实时预览与调整：生成代码时可实时查看效果，支持快速优化。

协作与效率提升：适用于设计-开发协作场景，在京东内部实践中效率提升达 48%。

适用场景：

快速原型开发

多端适配项目

设计稿与代码的高效对接

---

使用技巧

插件安装与登录：

确保已安装 Sketch 工具，下载 Deco 插件后登录账号（官网：）。

导出设计稿数据：

在 Sketch 中选择画板或图层，点击插件面板的「导出数据」，粘贴到工作台生成代码。

代码框架选择：

下载代码时，根据项目需求选择 Taro/React/Vue 等框架，避免手动转换。

AI 组件优化：

对复杂设计稿，利用 Deco 的组件识别功能自动替换为标准化组件，减少重复劳动。

多端适配检查：

生成代码后，优先测试不同设备下的显示效果，利用实时预览快速调整布局。

如需体验，可访问 或查看技术文档。