Deco

概述

Deco 是京东推出的一款 Design to Code（设计稿生成代码） 工具，定位于将设计稿一键转换为多端可用代码，支持生成 Taro、React、Vue、HTML 等多种代码形式。其核心目标是帮助前端团队减少从视觉稿到页面开发的重复劳动，提升页面搭建效率。

根据公开介绍，Deco 结合了 人工智能能力 以及自动化、工程化手段，可将 Sketch、PS 及图片类设计稿 转换为还原度较高、且具备一定可维护性的代码输出。对于需要批量生产页面、提升研发协作效率的团队来说，这类工具更适合用于标准化程度较高的前端开发场景。

主要功能

• 设计稿转代码

  • 支持将设计稿直接生成前端代码，减少手动切图与重复编码工作。
  • 产品名称“Deco”即来自 “Design” 与 “Code” 的结合。

• 多端代码输出

  • 支持生成多种前端代码格式，包括：
    • Taro
    • React
    • Vue
    • HTML

• 多类型设计输入

  • 可处理的设计稿类型包括：
    • Sketch
    • PS
    • 图片类设计稿

• 高还原度代码生成

  • 官方介绍强调生成结果具备较高的设计还原度，适合用于提升从设计到实现的衔接效率。

• 兼顾可维护性

  • 除了追求快速生成，Deco 也强调代码的可维护性，适用于工程化开发流程中的进一步二次开发与优化。

• 面向规模化前端生产

  • 通过 AI 与自动化能力，帮助团队突破页面生产效率瓶颈，适合高频、多页面的业务开发需求。

产品定价

目前公开信息中未明确提供定价方案。如需了解是否开放试用、企业接入方式、功能权限或商业合作模式，建议前往官网进一步查看：

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

常见问题

Deco 适合什么人使用？

更适合前端开发、设计协作团队，以及有批量页面生成需求的业务团队使用，尤其是在设计稿规范较统一的场景中价值更明显。

Deco 支持哪些代码框架？

根据现有公开介绍，支持生成 Taro、React、Vue、HTML 等代码。

Deco 可以处理哪些设计稿来源？

目前可确认支持 Sketch、PS 以及图片类设计稿。

Deco 是否完全替代人工开发？

从公开描述来看，Deco 的重点是提升设计转代码效率，帮助生成高还原度、可维护的代码；但在复杂交互、业务逻辑接入、工程定制等方面，通常仍需要开发人员进一步调整与完善。