订阅 AI123 精选资讯,每周获取最新动态

立即订阅
Deco

京东推出的设计稿一键生成多端代码工具

网页版 (Web)
5.0评分
460浏览量
Deco screenshot 1
1 / 1

产品介绍

产品是什么

NoneDeco是京东推出的智能将设计稿一键生成多端代码(支持生成Taro、React、Vue、HTML等)的工具,Deco是Design和Code的两个词的合并,代表DesignToCode,即从设计稿生成代码。

如何使用

1
上传设计稿在 Deco 工作台中选择 Sketch 或 Figma 文件上传
2
选择输出平台勾选需要生成代码的平台(Web、小程序等)
3
一键生成点击「生成代码」按钮,等待数秒完成转换
4
预览与调整在可视化编辑器中预览效果,微调样式与布局
5
导出代码确认无误后,导出完整项目代码或复制片段使用

核心功能

目标用户

前端开发者UI设计师全栈工程师技术团队企业研发部门外包开发人员

使用场景

电商活动页:快速生成大促活动页面代码,缩短上线周期
后台管理界面:将设计稿转化为可维护的后台系统代码
移动应用开发:从同一设计稿输出 iOS、Android 及小程序代码
组件库建设:批量提取设计稿中的组件并生成标准代码
跨团队协作:设计稿与代码同步更新,减少沟通成本
原型演示:快速将高保真原型转化为可交互代码用于客户展示