Deco

Deco是京东推出的AI驱动设计稿转代码工具，全称Design To Code，专注于将Sketch或Photoshop等设计稿一键生成多端前端代码，支持React、Vue、Taro及HTML等多种框架。它融合计算机视觉、深度学习与智能布局技术，能精准识别组件、提取结构化数据并输出语义清晰、自适应、高可维护的工程级代码，已在京东618和双11大促中验证，研发效率提升达48%。工具提供插件导出、工作台预览、低代码编辑与一键下载等完整链路，操作简洁，面向设计师与前端开发者降低协作成本，加速电商活动页、营销Banner等个性化页面的上线迭代。

• ✓ 支持Sketch/Photoshop设计稿解析与结构化数据导出
• ✓ AI自动生成多端代码（React/Vue/Taro/HTML）
• ✓ 工作台实时预览+低代码属性编辑与事件绑定
• ✓ 一键下载完整工程代码包，含弹性布局与合理DOM嵌套
• ✓ 智能组件识别与组件库自动映射优化

1. 1 下载并安装Deco Sketch插件
2. 2 在Sketch中选择画板或图层，点击插件导出设计数据
3. 3 复制导出数据，在Deco工作台中粘贴（Ctrl+V）查看预览
4. 4 选择目标框架，一键下载代码包并集成至项目

• → 电商平台大促活动页快速搭建
• → 营销Banner与落地页的高效迭代开发
• → UI/UX设计师向开发团队交付可执行原型
• → 初创团队或产品团队低成本实现页面上线
• → 零售行业个性化模块的自动化工程化生产