Imgcook

Imgcook（图像大厨）是阿里巴巴推出的在线 AI 设计转代码平台，可将 Sketch、PSD、静态图片等视觉稿一键解析成高可维护的前端代码。平台基于 AI 识别图层结构与样式，自动生成 React、Rax、Vue、小程序等 10 余种 DSL 代码，支持可视化微调、组件替换、字段绑定及业务逻辑注入。开发者无需手写重复 UI，通过插件、CLI、VS Code 扩展即可把产出无缝集成到本地工程，实现设计即代码、所见即所得。

1. 设计稿解析：支持 Sketch/PSD/图片上传或插件导出 JSON，自动识别布局、文本、图片与组件。
2. 代码生成：官方提供 10 种 DSL（React、Vue、小程序等），用户可自定义 DSL 与模板。
3. 可视化编辑：所见即所得拖拽调整节点、样式、循环、条件渲染，实时预览多端效果。
4. 组件体系：开放材料市场，支持自定义业务组件的可配置、可识别、可渲染及代码输出。
5. 插件生态：CLI 工具、VS Code 插件、Webpack 插件、自定义插件链，打通设计-研发-部署全链路。
6. 智能增强：AI 识别循环列表、图片语义、字段绑定，减少人工标注。
7. 协同管理：按团队/项目/模块管理版本，支持多人协作、权限控制、设计变更一键同步。
8. 一键导出：代码可下载 ZIP、推送到 Git 仓库或直接同步至阿里云、淘宝内部发布系统。

• 前端开发：设计师交付 Sketch 后，工程师 5 分钟拿到可运行页面，专注业务逻辑。
• 小程序/H5 活动：营销活动页需求急，通过 Imgcook 快速生成多端代码并热更新上线。
• 低代码平台：企业内嵌 Imgcook 引擎，业务人员拖拽设计即可产出标准化组件代码。
• 组件库建设：统一视觉规范，批量转换设计稿为组件源码，沉淀可复用资产。
• 外包协作：外包设计团队上传 PSD，甲方在线审核并实时获取代码，减少反复沟通。

• 阿里背书：源自淘宝前端工程实践，日转换设计稿 10 万+，稳定性高。
• 高精度还原：AI 识别准确率 90% 以上，复杂布局、图文混排、响应式自适应均可处理。
• 高可维护性：生成代码 DOM 层级合理、类名语义化、支持 CSS Modules/Styled-components。
• 灵活扩展：DSL、插件、组件、字段解析规则全部可自定义，适配任何技术栈。
• 工程无缝：CLI、Webpack、VS Code 插件一键接入，不改现有研发流程。
• 云端协同：在线管理模块版本，设计变更自动 Diff，一键同步代码到仓库。
• 成本节省：据官方数据，平均减少 68% 前端 UI 开发时间，人力成本降低一半以上。