I
访问官网Imgcook
Imgcook 是一款将视觉设计稿转换为前端代码的设计转代码工具，核心对象是页面或模块的视觉结构。
AI 编程AI 图像代码助手图片与插画生成官网查看
价格信息
暂未收录可核验的公开价格
DevPrice 只整理公开信息，不销售 Imgcook 订阅；价格与可用性以 Imgcook 官方为准。
Imgcook 是什么
Imgcook 是一款将视觉设计稿转换为前端代码的设计转代码工具，核心对象是页面或模块的视觉结构。它接收 Sketch、PSD 或静态图片等设计材料，将图层信息送入可视化编辑器，再形成可继续调整的代码结果。产品面向需要衔接设计交付与前端实现的设计师和开发者，重点是减少从视觉稿重建界面的重复工作。
工作流既可借助设计工具插件导出图层信息后粘贴到编辑器，也可从编辑器直接导入设计文件或图片。编辑阶段能够调整布局、动态样式与循环，并补充字段绑定或逻辑，再按 React、Vue、小程序等 DSL 导出。输入需先具备可解析的设计稿或图层，生成结果也只构成开发起点；复杂交互、业务逻辑、响应式表现和工程规范仍需前端人员检查与完善。
Imgcook 的主要功能
设计稿解析
工具把 Sketch、PSD 或静态图片中的视觉信息导入可视化编辑器，并据此还原页面或模块结构；工作范围取决于输入设计稿及其可解析的图层信息。
可视化调整
生成结构进入编辑器后，可继续修改布局、设置动态表达式样式与循环，使设计还原结果更接近目标界面；这一步仍需要人员判断视觉结构是否正确。
字段与逻辑补充
编辑器支持绑定数据字段并编写部分逻辑代码，把静态视觉结构推进到带有数据关系的前端模块；完整业务行为并非仅由设计稿自动确定，仍需开发者补全。
多种代码导出
完成编辑后可选择 React、Vue 或小程序等 DSL 生成并导出代码，也可通过 VS Code 相关链路接入本地开发；所选 DSL 与目标工程需要保持一致。