京东Deco
京东Deco 把设计稿转换为可维护的前端代码，减少重复还原和沟通成本。
站点信息
- 网站名称京东Deco
- 官方网址https://ling-deco.jd.com
- 所属分类AI编程
- 收录时间2026-10-23
- 累计浏览15 次
- 收录者管理员
SEO 查询
网站介绍
京东Deco 把设计稿转换为可维护的前端代码，减少重复还原和沟通成本。
主要功能
京东Deco 的功能主要集中在设计稿一键生成代码、高可用率、组件识别、智能语义、多样DSL等方向，适合设计稿转代码、前端协作和多端适配。
设计稿一键生成代码：Deco能够将Sketch/Photoshop等设计稿解析并直接生成多端代码（Taro/React/Vue）。
高可用率：通过工程化处理，构建合理的DOM布局嵌套和弹性布局结构，实现页面自适应。
组件识别：采用人工智能手段对设计稿深入分析，精准定位组件位置，识别出组件的类型，自动替换，输出组件化的代码。
智能语义：智能分析设计稿语义，合理划分设计稿区块楼层，标记处理循环列表，生成语义化的className。
多样DSL：支持生成Taro、React、Vue等框架代码，无缝对接您的业务场景。
适合哪些人
快速原型开发：设计师可以快速将设计稿转换为代码，加速原型的实现过程
多端页面开发：适用于需要在不同平台（如Web、移动设备）上展示相同内容的场景
个性化活动会场搭建：在京东的两次大促中，Deco成功落地，提升了研发效率达到48%
业务降本增效：通过自动化代码生成，减少人工编码工作，降低开发成本，提高效率
前端开发：前端工程师可以利用Deco减少关注设计稿的精力，专注于更复杂的开发任务
AI 生成的代码和命令需人工审查，执行前确认权限、依赖和安全风险。
价格与免费额度
提供免费试用/企业方案，具体以京东官网为准。
怎么用
安装插件： 访问官网首页，点击下载插件。 双击安装插件。 打开Sketch工具，在顶部工具栏⇒插件中检查“Deco”是否出现，表示安装成功。
导出数据： 打开插件，在展开菜单中点击“导出数据”。 选择设计稿画板或图层进行导出。
访问官网首页，点击下载插件。
双击安装插件。
打开Sketch工具，在顶部工具栏⇒插件中检查“Deco”是否出现，表示安装成功。
常见问题
京东Deco 免费吗？
提供免费额度或基础版，高级功能与用量按官网套餐计费。
支持哪些编程语言？
覆盖主流编程语言，具体支持范围以官网为准。
可以商用吗？
需遵守官网服务条款和代码授权，商用前自行确认合规要求。
能生成单元测试吗？
部分功能支持生成测试用例，具体以当前版本为准。
适合哪些人？
适合设计稿转代码、前端协作和多端适配相关开发者。
总结
京东Deco 适合设计稿转代码、前端协作和多端适配。优势是「设计稿一键生成代码」和「高可用率」；涉及商用、版权或隐私时，以官网条款为准。
注：以上信息整理自公开资料，具体功能、价格、免费额度与授权政策请以 京东Deco 官方最新说明为准。
评论 0
友善发言，共建温暖社区