Deco 页面截图
产品页面 点击查看大图

Deco

Deco 是京东推出的设计稿一键生成多端代码工具,实现精准还原与高效可维护的代码生成。

设计稿一键生成多端代码
平台
Taro、React、Vue
01

Overview

产品概述

Deco 通过人工智能手段对设计稿进行深入分析,精准识别组件并自动替换为组件化代码,同时智能分析设计稿语义,合理划分区块楼层,生成语义化 className。它通过工程化处理构建合理的 DOM 布局嵌套和弹性布局结构,实现页面自适应,并支持生成 Taro、React、Vue 等框架代码,为设计研发一体化提供全新体验。
02

Capabilities

核心能力

01

设计稿一键生成多端代码

可将设计稿自动转换为多端代码,实现所见即所得的精准还原,提升开发效率。

02

组件智能识别

采用人工智能技术精准定位组件位置并识别组件类型,自动替换为组件化代码,减少人工介入。

03

智能语义分析

智能分析设计稿语义,合理划分区块楼层,标记循环列表,并生成语义化的 className,提高代码可读性。

04

多样 DSL 支持

支持生成 Taro、React、Vue 等框架代码,无缝对接不同业务场景。

03

Integrations

集成能力

01

Taro

支持生成 Taro 框架代码。

02

React

支持生成 React 框架代码。

03

Vue

支持生成 Vue 框架代码。