图像大厨Imgcook

图像大厨Imgcook是由阿里巴巴推出的AI驱动设计稿转代码工具，专为提升前端开发效率而生，能将Sketch、Figma等设计文件智能解析并生成高质量、高可维护性的前端代码。它支持React、Vue、小程序等10种主流DSL，开发者还可自定义DSL和组件库，满足多样化业务需求；内置语义化类名、合理DOM嵌套、循环识别等能力，保障生成代码的工程可用性；同时提供CLI命令行工具、VS Code插件及可视化编辑器，轻松融入现有研发流程，并支持图片自动上传、目录结构转换等自定义插件扩展。

• ✓ 支持Sketch/Figma等设计稿一键导入与解析
• ✓ 生成React/Vue/小程序等10种主流框架代码，支持自定义DSL
• ✓ 提供VS Code插件、CLI工具及可视化编辑器，无缝对接研发流程
• ✓ 开放材料系统，支持自定义组件库的识别、渲染与代码输出
• ✓ 内置智能布局分析，实现语义化类名、合理DOM嵌套与循环识别

1. 1 在设计工具中导出设计文件（如Sketch或Figma的JSON/SVG格式）
2. 2 通过Imgcook插件上传文件，或在Web端编辑器中直接拖入设计稿
3. 3 配置目标框架（如Vue3）、选择组件库及自定义规则，点击生成代码
4. 4 使用Imgcook CLI将生成结果同步至本地项目，或通过VS Code插件直接导出到指定目录
5. 5 根据需要启用自定义插件（如图片上传、路径重写）完成后续工程化处理

• → UI设计师交付设计稿后，前端工程师快速生成初始页面代码
• → 中大型团队统一组件规范，通过自定义DSL批量生成符合架构标准的代码
• → 小程序多端适配场景下，一套设计稿生成微信/支付宝/百度多端代码
• → 敏捷开发中缩短UI-开发联调周期，让原型验证与功能迭代更高效
• → 外包项目交接时，自动产出结构清晰、注释完善的可维护前端代码