code
发布厂商：Ling-deco
Deco
京东推出的设计稿一键生成多端代码工具
5
⭐⭐⭐⭐
0 条评测
价格机制
免费
开发者架构组
Ling-deco
收录发布日期
工具简介与核心定位
Deco（Deco智能代码）是京东凹凸实验室推出的Design to Code（设计稿转代码）智能平台，通过AI布局算法、组件识别和语义化引擎，将Sketch设计稿一键转换为React/Vue/Taro等多端可用的前端代码，布局还原度达90%以上，已在京东618和双11大促中落地，研发效率提升约48%。
ADK 综合性能评测
AI 能力
0%
易用性
0%
性价比
0%
性能表现
0%
社区生态
0%
综合评分
50%
核心特色与功能亮点 (Key Features)
设计稿一键生成代码：从Sketch设计稿中提取结构化数据，经图层处理、布局算法、语义化解析后自动生成多端前端代码（React/Vue/Taro等）
智能布局算法引擎：包含空间布局算法（绝对定位转Flexbox）、投影布局算法（行列结构推导）、特征检测布局（自动识别标题/列表/Tab等模式）
AI组件识别与替换：基于深度学习目标检测自动识别设计稿中已有UI组件，映射到业务组件库实现组件复用
语义化处理：通过NLP文本分析和图片分类，自动为节点赋予语义化类名（如goods、price等），提升代码可读性
逻辑代码可视化编辑：支持组件化标记、数据定义、异步请求配置、事件绑定、数据埋点等逻辑的可视化配置
典型应用场景与适用行业
软件开发
核心能力
设计稿一键生成代码：从Sketch设计稿中提取结构化数据，经图层处理、布局算法、语义化解析后自动生成多端前端代码（React/Vue/Taro等）
智能布局算法引擎：包含空间布局算法（绝对定位转Flexbox）、投影布局算法（行列结构推导）、特征检测布局（自动识别标题/列表/Tab等模式）
AI组件识别与替换：基于深度学习目标检测自动识别设计稿中已有UI组件，映射到业务组件库实现组件复用
语义化处理：通过NLP文本分析和图片分类，自动为节点赋予语义化类名（如goods、price等），提升代码可读性
逻辑代码可视化编辑：支持组件化标记、数据定义、异步请求配置、事件绑定、数据埋点等逻辑的可视化配置
代码辅助
官方新手上手实操教程指南
1-STEP TUTORIAL
1
确保使用macOS系统并安装Sketch设计工具；访问Deco官网下载Sketch插件并安装，在Sketch插件菜单中出现Deco即安装成功；在Sketch中选择设计稿画板或图层，点击Deco→导出数据上传到工作台；在工作台中使用Ctrl+V粘贴数据，等待渲染完成后进行可视化编辑（调整布局、替换组件、绑定数据等）；完成后点击下载代码，选择目标框架（React/Vue/Taro）即可获得完整代码包。
确保使用macOS系统并安装Sketch设计工具；访问Deco官网下载Sketch插件并安装，在Sketch插件菜单中出现Deco即安装成功；在Sketch中选择设计稿画板或图层，点击Deco→导出数据上传到工作台；在工作台中使用Ctrl+V粘贴数据，等待渲染完成后进行可视化编辑（调整布局、替换组件、绑定数据等）；完成后点击下载代码，选择目标框架（React/Vue/Taro）即可获得完整代码包。
同类其它推荐 AI 工具
CU
Cursor AI
基于 VS Code 构建的全流程 AI 智能代码编辑器，集成 Composer 多文件协同与 Agent 模式。
GI
GitHub Copilot
GitHub Copilot是一款AI编程工具，致力于通过AI技术提升编程效率，为用户带来更优质的编程体验。
TE
TensorFlow
TensorFlow 是谷歌推出的开源机器学习框架，广泛应用在深度学习领域。框架支持多种编程语言，如 Python 和 C++，能高效处理大规模数据、构建复杂的模型。TensorFlow 提供丰富的 API 和工具，方便开发者从零开始构建模型，或用预训练模型进行迁移学习。TensorFlow 支持多种应用场景，包括计算机视觉、自然语言处理和语音识别等。TensorFlow 灵活的架构和强大的社区支持，成为全球开发者进行人工智能开发的重要工具之一。
CO
Codex
Codex 是 OpenAI 推出的AI 编程智能体，搭载GPT-5.5编程特化模型，对标Claude Code。Codex 通过可视化图形界面与开发者交互，采用「文件夹工作区 + Thread 对话线程」的双层架构管理项目，避免上下文污染。Codex 支持代码编写、复杂重构、自动化运维及定时任务执行，让非专业用户能快速进入「Vibe Coding」心流，实现从需求到代码的端到端交付。
关于 Deco 的常见问题
Q: Deco支持哪些设计工具？
目前仅支持Sketch设计工具，且仅限macOS系统使用。暂不支持Figma、Photoshop等其他设计工具。
Q: Deco支持导出哪些前端框架的代码？
支持导出React、Vue、Taro（多端小程序框架）等多种主流前端框架代码，并预留DSL扩展接口支持接入新的代码框架。
Q: Deco的代码还原度如何？
布局还原度可达90%以上，代码可用率达80%以上。建议遵循设计稿规范（画板分组、编组结构清晰等）以获得更佳转换效果。
Q: Deco是免费的吗？
目前体验版可免费下载Sketch插件使用基础功能。完整的商业版功能和定价方案需关注京东凹凸实验室官方信息。