Deco

Deco是什么

Deco是京东推出的AI设计稿转代码工具，无需手动编写布局代码。将设计稿一键生成多端高质量代码（H5、小程序、PC站等），打通UI设计与前端开发流程，支持Figma/Sketch设计源文件自动解析。生成符合京东技术规范的可维护代码，并集成可视化编辑、组件库管理、协作评审等功能，大幅缩短前端开发周期，适配电商等多场景页面开发需求。

Deco的主要功能

1. 设计稿一键转代码：上传Figma或Sketch文件，自动识别图层、样式、布局，输出React/Vue等框架的多端适配代码。
2. 多端统一输出：一套设计同时生成H5、微信小程序、京东小程序、PC站等多端代码，减少重复开发。
3. 可视化在线编辑：在Deco界面中直接调整文案、图片、链接、交互逻辑，无需回设计工具或写代码。
4. 企业级组件库：内置京东官方UI组件（如按钮、商品卡片、弹窗），确保品牌一致性与开发效率。
5. 团队协作与评审：设计师、前端、产品可在同一平台查看、评论、修改，缩短沟通链路。
6. 代码可维护性强：生成代码结构清晰、语义规范、支持Git管理，便于开发者二次开发和集成。

Deco官网地址

官网：https://ling-deco.jd.com/

Deco的应用场景

1. 电商营销页面快速上线：大促活动页、商品详情页、品牌专区等，从设计到发布仅需几小时。
2. 设计师高效交付前端：不再只交PNG，而是提供可运行、可编辑的代码包，提升协作体验。
3. 前端团队提效减负：减少重复切图和基础UI编码，聚焦核心业务逻辑开发。
4. 多端业务统一管理：一套设计同步输出微信、京东、H5等多端页面，保证体验一致。
5. 企业前端标准化落地：通过内置组件库和代码规范，推动团队技术栈统一与质量管控。

Deco常见问题有哪些

• 必须用Figma或Sketch吗？
  是的，目前仅支持Figma和Sketch源文件导入，不支持直接上传PNG/JPG图片。
• 免费能用吗？
  主要面向京东内部及合作商家开放，外部企业需联系官方申请接入，暂无公开免费计划。
• 生成的代码能直接用在生产环境吗？
  可以。代码符合京东前端工程规范，已广泛应用于618、双11等大型活动页面。
• 适合非京东系项目吗？
  当前版本深度绑定京东技术体系（如JD小程序、JDF框架），非京东生态项目适配成本较高。
• 需要前端知识才能用吗？
  设计师可独立完成基础页面生成与内容调整；若需复杂交互或逻辑扩展，仍需前端介入。