Deco

简介

Deco（Design To Code）是京东凹凸实验室（京东零售前端团队）推出的设计稿一键生成多端代码工具，官网 ling-deco.jd.com 在线可用，Figma社区也有其官方插件，2022年初上线体验版，是京东在前端智能化方向上的代表产品。旧文案中的“LingDeco”称呼不准确，产品正式名称为“Deco智能代码”。

主要功能

解析Sketch、Photoshop、Figma等设计稿，一键生成多端前端代码：支持Taro（多端/小程序框架）、React、Vue和原生HTML等输出。通过工程化处理生成合理的DOM布局嵌套与弹性布局结构，页面可自适应不同屏幕尺寸，官方强调“高可用率”。提供可视化编辑与效果预览，便于在生成后微调样式与结构。

特色优势

差异点在于“多端”与电商场景：京东内部有大量小程序与多端页面需求，Deco的Taro输出直接对接京东小程序与跨端应用生态，设计稿到上线链路短；与同为国内D2C工具的阿里ImgCook相比，Deco更侧重京东技术栈与落地工程化。

适用人群

使用Taro/React/Vue技术栈、需要快速把设计稿落成多端页面的京东生态与电商研发团队；希望减少手写重复布局代码的前端工程师；以及想试点前端智能化流程的设计与研发协作小组。

常见问题

问：Deco支持哪些设计工具？答：官网介绍支持Sketch、Photoshop，并提供Figma社区插件。问：能生成哪些代码？答：Taro、React、Vue、HTML等多端代码。问：收费吗？答：官网提供在线体验，收费情况以官网为准。