Deco

一、Deco 基础背景（和京东的关系）

Deco 全称Design To Code，是京东零售前端团队自研国产 AI 设计稿转代码工具，官网 ling-deco.jd.com，内部长期服务 618 / 双 11 大促会场搭建，已验证可将活动页面研发效率提升 48%。

1. 归属主体：100% 京东自有技术，原生适配京东 Taro 跨端、NutUI 组件、京东小程序生态；
2. 使用模式：京东内部员工全功能免费，同时对外开放公有云试用、企业私有化部署两种方案；
3. 区分重名产品：路由器 TP-Link Deco、海外建站 deco.cx、React Native 编辑器 Deco 和本京东 Deco 无任何关联；
4. 核心定位：面向国内电商、小程序团队，AI 解析 Sketch/PS 设计稿，一键输出可直接上线的多端工程代码，解决设计师切图、前端重复布局低效痛点。

二、核心功能详解

1. AI 智能组件与语义解析（平台核心能力）

• AI 自动识别商品卡片、优惠券、倒计时、轮播、循环商品列表等电商专属模块；
• 自动划分页面楼层，生成语义化 class 类名，DOM 嵌套结构规范，自适应弹性布局，页面还原精度高ling-deco….；
• 区分静态模块与循环列表，批量生成商品循环代码，适配电商会场海量商品场景。

2. 多端 DSL 代码输出（国内独有优势）

原生支持国内主流前端 / 小程序框架，还支持自定义 DSL：

• Taro（微信 / 京东 / 支付宝多端小程序，重点优化）
• React、Vue2/Vue3、原生 HTML/CSS 完整分层工程包，包含样式、图片资源、页面路由，下载后可直接接入项目开发ling-deco….。

3. 多源设计稿接入

主力适配 Sketch 插件一键上传，同时支持 PSD、设计截图导入；在线工作台实时预览页面与代码，可在线微调样式、替换图片 CDN 地址。

4. 企业工程配套能力

• 图片自动压缩、批量替换企业自有 CDN 域名；
• 支持绑定内部 UI 组件库，AI 自动复用组件，减少冗余代码；
• 团队协作空间、操作日志、一键导出完整代码包；
• 私有化离线部署：设计稿、代码全部留存企业内网，满足金融 / 国企数据合规要求。

5. 电商场景专项优化

专为大促会场、商品详情、营销活动页面训练模型，秒杀、满减标签、利益点模块识别准确率远超通用海外 D2C 工具。

三、定价模式

1. 免费试用版：公有云在线体验，有限导出次数，基础 HTML/React 代码，带京东水印；
2. 外部企业公有云套餐：按团队席位订阅，无限项目、全框架导出、完整团队协作；
3. 私有化部署定制版：内网离线部署、专属技术对接、企业定制适配，报价面议；
4. 京东内部：全部功能永久免费，打通内部发布流水线、组件库。

四、京东 Deco 核心优势

1. 国内 Taro 小程序生态独家深度适配 Locofy、Anima、V0 等海外工具完全不支持 Taro，国内做微信 / 京东小程序团队使用 Deco 几乎无需二次改造代码。
2. 电商大促场景经过京东千万级页面实战验证 多年 618 / 双 11 会场落地，多层复杂活动页面识别稳定，代码工程化、可维护性强。
3. 国产私有化离线部署，解决数据合规痛点 海外工具全部云端存储设计稿，数据出境存在合规风险；Deco 支持企业内网隔离部署，金融、国企首选。
4. 全中文文档 + 国内技术售后 无语言壁垒，可定制适配企业自有 UI 组件库，对接国内前端开发规范。
5. 开箱即用电商专用组件识别逻辑 自动处理循环商品、优惠券、倒计时等营销模块，通用 D2C 工具无专项电商训练。

五、短板与局限性

1. Figma 适配薄弱，重度 Figma 团队不友好 产品原生主打 Sketch，Figma 插件功能简陋，图层批量识别、标记能力远弱于 Locofy、Anima。
2. 不支持移动端原生 APP 框架（Flutter/React Native） 仅 Web + 小程序，无法生成 iOS/Android 跨端 APP 代码，海外产品开发场景缺失。
3. 无文生页面能力，必须依赖设计稿 不能像 V0 那样输入文字直接生成页面，仅做设计稿转码工具，缺少原型快速生成能力。
4. 复杂后台表单、多层表格识别一般 擅长营销活动页，企业管理系统、复杂审批页面生成质量一般。
5. 海外技术栈缺失（Angular/Gatsby） 仅适配国内主流框架，海外项目开发无法使用。

六、同类 D2C 工具横向对比

表格

七、适用 & 不适用场景

适合使用

1. 电商、零售品牌，高频搭建 618 / 双 11 营销会场、商品 H5 落地页；
2. 使用 Taro 开发微信 / 京东小程序的国内前端团队；
3. 国企、金融、政务，有设计稿数据不能出境的合规要求；
4. 京东供应商、入驻商家，适配京东内部发布规范；
5. 团队统一使用 Sketch，专注国内线上营销页面开发。

不适合使用

1. 开发 Flutter/React Native 跨端手机 APP（优先 Locofy）；
2. 纯海外业务，使用 Angular、Gatsby 等海外技术栈；
3. 无设计稿，仅靠文字快速生成页面 Demo（优先 V0）；
4. 企业复杂管理后台、海量多层表单系统；
5. 重度依赖 Figma 做 UI 设计、海外产品研发团队。