Deco - 设计稿一键生成多端代码

Deco - 设计稿一键生成多端代码

Deco 是京东推出的智能设计研发工具，名称源自 Design 和 Code 的合并，代表 Design To Code，即从设计稿一键生成多端代码，带来全新的设计研发一体化体验。

核心优势

• 精准还原：所见即所得，设计稿高度还原
• 高效生成：输出可维护的高质量代码
• 机器智能：自动识别组件，提升开发效率

主要功能

高可用率
通过工程化处理，构建合理的 DOM 布局嵌套和弹性布局结构，实现页面自适应。

组件识别
采用人工智能手段对设计稿深入分析，精准定位组件位置，识别出组件的类型，自动替换，输出组件化的代码。

智能语义
智能分析设计稿语义，合理划分设计稿区块楼层，标记处理循环列表，生成语义化的 className。

多样 DSL
支持生成 Taro、React、Vue 等框架代码，无缝对接您的业务场景。

适用场景

Deco 适用于需要快速将设计稿转化为前端代码的场景，尤其适合使用 Taro、React、Vue 等技术栈的多端开发项目，能够显著提升设计到研发的协作效率，缩短项目开发周期。