Imgcook

Imgcook 是由阿里巴巴集团智能视觉中心和淘宝团队开发的 AI 设计稿生成代码工具。依托阿里巴巴达摩院的多模态 AI 技术，Imgcook 可将设计图片（PNG、JPG）直接转换为生产级前端代码。产品于 2019-2020 年推出，已在阿里巴巴内部大规模应用，包括双 11 购物节海量促销 Banner 的自动化生成。Imgcook 在 GitHub 开源，服务于全球开发者，在中国开发者社区拥有较高知名度。

Imgcook 的核心功能包括 UI 生成代码、多框架支持、设计插件集成、视觉识别、样式提取、响应式代码生成、批量处理等。UI 生成代码功能可将设计图片直接转换为 HTML/CSS/JS 或框架代码。多框架支持覆盖 React、Vue、Flutter、微信小程序、支付宝小程序等。设计插件集成提供 Sketch、Figma、Photoshop 插件实现无缝工作流。视觉识别使用多模态 AI 识别 UI 组件（按钮、表单、卡片、导航栏）。样式提取可自动提取颜色、字体、间距、布局结构。响应式代码生成可创建移动端自适应布局。

核心功能

Imgcook 支持 React、Vue.js、Flutter、微信小程序、支付宝小程序等框架，输出 HTML/CSS/JavaScript、JSX、Vue SFC、Dart（Flutter）等格式代码。设计工具集成支持 Sketch、Figma、Photoshop 插件。输入格式支持 PNG、JPG、Sketch 文件、Figma 文件等。典型应用场景包括：电商活动页面开发、促销 Banner 批量生成、后台管理系统界面搭建、小程序页面开发、设计稿快速原型验证等。Imgcook 完全开源免费，可在 GitHub 获取源代码（https://github.com/imgcook/imgcook）。