返回工具列表 工具分类编程开发按实际使用场景归类 官网入口imgcook.com保留原站直达链接 收费方式免费最终价格以官网为准 关注人数8A+ 优先推荐 01AI编程工具 02核心能力 02 03核心能力 03 04核心能力 04 05核心能力 05 06核心能力 06 01 02 03 04 05
编程开发
Imgcook
「图像大厨Imgcook」是由阿里巴巴-大淘宝技术-导购和营销产品团队推出的设计稿智能生成前端代码（D2C，Design to Code）的平台，专注以 Sketch、PSD、静态图片等形式的视觉稿作为输入，通过智能化技术一键生成可维护的前端代码，包含视图代码、数据字段绑定、组件代码、部分业务逻辑代码等。
访问官网 更新于 2026/04/15
Imgcook 是什么
Imgcook 是一款面向 编程开发 场景的 AI 工具，阿里推出的免费设计稿智能生成前端代码。
Imgcook（图像大厨）是由阿里巴巴-大淘宝技术-导购和营销产品团队推出的设计稿智能生成前端代码（D2C，Design to Code）的平台，专注以 Sketch、PSD、静态图片等形式的视觉稿作为输入，通过智能化技术一键生成可维护的前端代码，包含视图代码、数据字段绑定、组件代码、部分业务逻辑代码等。 从视觉稿中还原生成代码需要将视觉稿中的数据导出到 imgcook 可视化编辑器中还原生成代码，支持两种方式：
「图像大厨Imgcook」是由阿里巴巴-大淘宝技术-导购和营销产品团队推出的设计稿智能生成前端代码（D2C，Design to Code）的平台，专注以 Sketch、PSD、静态图片等形式的视觉稿作为输入，通过智能化技术一键生成可维护的前端代码，包含视图代码、数据字段绑定、组件代码、部分业务逻辑代码等。
主要能力
第1种：打开 Sketch/PSD 文件，通过安装好的 imgcook 插件将设计稿中的图层信息导出，粘贴到可视化编辑器中。
第2种：在可视化编辑器中直接上传“导入” Sketch/PSD/图片文件，imgcook 会解析图层信息直接还原到编辑器中。
移动端细粒度模块开发场景 – 特别推荐
移动端活动页 – 特别推荐
移动端全页面开发 – 推荐
PC 端 toC 应用 – 推荐
适合场景
视图代码
Imgcook 可用于视图代码，适合先用一个真实任务验证输出质量。
数据字段绑定
Imgcook 可用于数据字段绑定，适合先用一个真实任务验证输出质量。
组件代码
Imgcook 可用于组件代码，适合先用一个真实任务验证输出质量。
部分业务逻辑代码等
Imgcook 可用于部分业务逻辑代码等，适合先用一个真实任务验证输出质量。
两种方式
Imgcook 可用于两种方式，适合先用一个真实任务验证输出质量。