蛋哥AIAI 编程AI 工具
Imgcook
imgcook 是阿里的设计稿转代码工具，Sketch、Figma 的稿子丢进去，直接出多端页面代码。免费，做活动页这类还原度要求高的活最划算。
设计转代码前端收录于 2026.11.08 · Imgcook 实测整理
官网首屏截图ImgcookAI 编程 · 官网截图
价格
官方标注完全免费，Figma、Sketch、VS Code 等插件均可免费使用（2026-09-27 核实，以官网为准）。
平台
网页 / 设计工具插件（Figma、Sketch）/ VS Code 插件
提醒
PC 端富交互与游戏类场景官方不推荐；图层不规范会明显影响还原度，导出代码仍需人工处理响应式与边界。
01Sketch/PSD/Figma 稿一键还原
02支持 React、Vue、小程序 DSL
03可视化编辑器里再修细节
04个人使用完全免费
图层进，代码出
用 Sketch/PSD/Figma 插件导出图层信息，或直接上传文件，编辑器解析后还原成视图。再切 React、Vue、小程序等 DSL 生成代码，也能自定义 DSL。
可视化里再修一遍
还原完可以在编辑器里改布局、设循环、绑字段、写逻辑，不用回设计软件改完再走一遍。VS Code 插件能把整个模块代码直接落到本地目录接着开发。
同类怎么选
要做整套前端工程，Locofy 更偏工程化交付；要团队设计协作，Figma 自家生态更完整。imgcook 的差别是免费加直接——一张活动页、一个移动端模块，几分钟出代码。
什么时候别用它
PC 端富交互应用和游戏场景官方就不推荐，逻辑复杂时生成的代码维护成本高。设计稿图层不规范会直接拖垮还原度，规范要先立；导出后的响应式和边界仍需人工调。