Deco

Deco

设计稿一键转多端代码

官网: 立即访问

所属分类: AI编程工具

工具介绍
Deco是京东推出的AI设计稿转代码工具,融合Design与Code,一键将Sketch、PS、Figma等设计稿生成多端代码,支持Taro、React、Vue、HTML,大幅提升前端研发效率。
Deco具体信息

Deco 是京东推出的一款 AI 智能设计稿转代码工具,由京东凹凸实验室(羚珑智能设计平台)研发。Deco 是 "Design" 与 "Code" 两个词的合并,意为 "Design To Code",即从设计稿生成代码。
它利用人工智能、计算机视觉、智能布局与深度学习等技术,将 Sketch、Photoshop、Figma 及图片类设计稿一键解析,自动生成还原度高、可维护性强的多端代码,打通设计与研发链路,将前端工程师从繁琐的 UI 还原中解放出来,助力前端大规模、高效率生产。

设计稿一键生成代码:支持 Sketch、Photoshop、Figma、图片等格式,自动解析图层并生成结构清晰、样式完整的页面代码。
多端代码输出:一键生成 Taro、React、Vue、HTML 等代码,一套设计稿覆盖 App、小程序、H5 等多个终端。
组件识别与智能替换:基于深度学习识别设计稿中的 UI 区块与已有组件,自动映射为组件库中的可复用组件。
语义化代码生成:通过 NLP 与图片分类为节点生成 goods、price 等业务语义类名,提升可读性与二次开发友好度。
可视化逻辑开发:支持字段绑定、数据定义、异步请求、事件绑定与生命周期管理,实现一站式在线研发。
低代码平台对接:可直接生成京东低代码组件平台(通天塔)组件,无缝衔接业务搭建体系。

Deco 的使用流程简单,主要分为四步:
第一步,下载并安装设计工具插件,目前外部版本主要支持 Sketch,需先安装 Sketch 工具;
第二步,打开设计稿,通过插件将图层数据导出为结构化的 D2C Schema 数据,交由 Deco 云端处理;
第三步,Deco 结合布局算法、语义化推断与组件识别自动生成多端代码,可在可视化编辑器中实时预览;
第四步,通过可视化编辑器修正还原误差、完成数据绑定与事件配置后,选择目标框架导出代码,直接接入工程。

还原度高、代码可维护:Deco 不是简单的切图工具,而是通过布局推导与语义化命名生成结构合理的代码,避免"一次性代码"问题,二次开发成本低。
多端一键覆盖:依托京东开源的多端框架 Taro,一份设计稿即可生成 App、小程序、H5 等多端代码,大幅减少重复劳动。
电商场景深度适配:依托京东海量电商页面数据训练,特别擅长处理大促活动页、商品详情页、楼层装修等电商场景,组件识别更精准。
提效成果显著:已在 618、双 11 等大促中大规模落地,覆盖约 90% 的大促楼层模块,为业务研发带来约 48% 的效率提升。
能力开放沉淀:通过 AI 开放平台,业务团队可零门槛接入图片分类、目标识别等 AI 能力,自行训练专属组件库。

Deco 常被与阿里的 Imgcook 等 D2C(设计稿转代码)工具对比,两者都能实现设计稿自动转代码,但定位各有侧重。
多端支持上,Deco 深度拥抱京东自研的 Taro 多端框架,生成小程序、H5 等跨端代码更顺畅;竞品则更侧重 Web 端的还原与组件化。
场景适配方面,Deco 依托电商海量数据训练,在大促页、详情页等电商场景组件识别更精准;竞品偏向通用页面与中后台场景。
生态整合上,Deco 与京东低代码组件平台无缝对接,可直接产出可复用组件。总体而言,Deco 在电商与多端领域更具优势。

Q1: Deco 支持哪些设计稿格式?
A1: 支持 Sketch、Photoshop、Figma、Adobe XD 及图片类设计稿,目前外部版本主要支持 Sketch,需先安装插件。
Q2: Deco 能生成哪些代码?
A2: 支持生成 Taro、React、Vue、HTML 等多端代码,覆盖京东 App、微信小程序、H5 等平台。
Q3: 生成的代码还原度如何?
A3: Deco 通过智能布局算法与语义化处理生成结构合理的代码,还原度较高;个别误差可通过可视化编辑器二次调整。
Q4: 使用 Deco 需要会写代码吗?
A4: 不需要。设计师与开发者均可通过可视化操作完成生成与调整,开发者还可进一步进行数据绑定与事件配置。
Q5: Deco 如何收费?
A5: 目前 Deco 已上线体验版,主要面向内部及体验用户免费开放,具体政策请以官方平台公告为准。

Deco

Deco数据分析

数据更新于 2026-08-01,每月更新一次,预计15号之前完成更新,数据仅统计主域名:jd.com。

总访问量

77,760,000

环比变化

-7.59%

平均停留

00:09:15

跳出率

21.39%

Deco访问来源占比
  • 直接访问 59.79%
  • 搜索引擎 15.65%
  • 展示广告 4.72%
  • 引荐流量 17.02%
  • 社交媒体 1.40%
  • 邮件 0.22%
  • 其他 1.20%
Deco地区分布
  • China 93.71%
  • United States 1.98%
  • Hong Kong 1.22%
  • Taiwan 0.87%
  • Singapore 0.48%
Deco搜索关键词
京东
流量 796,970 搜索量 292,540 CPC 0.15
jd
流量 237,880 搜索量 519,080 CPC 0.47
京东商城
流量 51,570 搜索量 4,370 CPC 0.33
京東
流量 43,660 搜索量 44,370 CPC 0
jingdong
流量 42,760 搜索量 29,100 CPC 0.36
Deco访问趋势(最近2个月)

Deco同类推荐

Lovable
Lovable

AI全栈建站神器

Lovable
Lovable

一句话构建网站应用

Project IDX
Project IDX

AI云端代码编辑器

CatPaw
CatPaw

美团AI编程IDE