Deco

Deco 是京东（JD.com ）推出的一款设计稿一键生成多端代码的工具，旨在帮助开发者快速将设计稿转化为可用的前端代码，从而提高开发效率。Deco 的工作流中包括人工干预页面编辑器，这是Deco 编辑器的重要组成部分，它实现了对Deco 智能还原链路输出的结果进行可视化编排。

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

Deco 核心工作流解析

Deco 的工作流围绕 “从设计稿到可用代码” 展开，主要分为三个关键环节：

设计稿导入与智能解析：用户上传设计稿（如 Figma 文件），工具自动识别设计元素，包括布局结构、组件类型、样式属性等。

智能代码生成：基于解析结果，工具按照预设规则生成多端代码，支持的端类型通常包括 Web、小程序等。

人工干预编辑：通过内置的可视化编辑器，开发者可对生成的代码进行调整，例如修改样式、调整布局结构、补充交互逻辑等，确保最终代码符合实际开发需求。

人工干预页面编辑器的核心作用

人工干预编辑器是 Deco 区别于纯自动化工具的关键，主要解决以下问题：

修正智能生成偏差：弥补智能解析可能出现的误差，比如组件识别错误、样式还原不精准等，通过可视化操作直接调整。

满足个性化需求：支持开发者添加工具无法自动生成的自定义逻辑，例如特殊交互、动态数据绑定等，提升代码实用性。

提升代码可用性：允许开发者按照项目规范优化代码结构，例如统一类名、删减冗余代码，确保生成的代码可直接融入现有开发流程。