AI TOOL PROFILE更新于 2026年9月25日

Imgcook

Imgcook:imgcook(图像大厨)是淘宝(中国)软件有限公司的设计稿转代码平台,可从 Sketch、Photoshop、Figma 或图片导入设计,生成 React、Rax、Vue、小程序等代码,并通过插件、CLI、VS Code 和自定义 DSL 接入研发流程。

付费
访问官网
OVERVIEW

认识 Imgcook

01

Imgcook:imgcook(图像大厨)是淘宝(中国)软件有限公司的设计稿转代码平台,可从 Sketch、Photoshop、Figma 或图片导入设计,生成 React、Rax、Vue、小程序等代码,并通过插件、CLI、VS Code 和自定义 DSL 接入研发流程。使用Imgcook时,通常从文字需求、草图、参考图、品牌素材或页面结构开始,将内容整理为界面草稿、版式、图标、视觉方案或可分享原型。通常先用小范围提示或参考素材确认构图,再调整文字、细节和导出规格。

核心能力

  • 设计稿导入 :通过 Sketch、Photoshop、Figma 插件或图片上传导入设计文件。
  • 结构化出码 :识别 DOM、布局、语义 ClassName 和循环,生成 React、Rax、Vue、小程序等 DSL 代码。
  • 研发链路集成 :用自定义 Plugin、CLI 和 VS Code 插件把产物接入本地工程。
  • 组件与物料 :配置、识别、干预和渲染自有组件库,生成符合业务规范的代码。

适合与限制

适合:

  • 需要界面草稿、版式、图标、视觉方案或可分享原型的设计师、产品团队和需要快速制作视觉方案的用户。
  • 希望先得到可编辑草稿,再由人工补充和核对的用户。

不适合或需先确认:

  • 生成方案需要结合品牌规范、可用性和素材授权进行人工调整
  • 具体功能、登录要求、额度和导出规格以官网当前页面为准。
CAPABILITIES

产品与功能

02
  • 开发方:开发主体未在当前官网入口明确标注(品牌:Imgcook)
  • 产品形态:网页端设计、原型或视觉创作工具
  • 主要输入:文字需求、草图、参考图、品牌素材或页面结构
  • 主要输出:界面草稿、版式、图标、视觉方案或可分享原型
  • 价格状态:官网未明确公开价格;具体价格、额度和账号权益以当前官方页面为准
  • 使用提醒:公开或商用前核对字体、图片、图标和模板授权
USE CASES

适用场景

03

建议用法

  1. 先确定目标用户、使用场景、尺寸和品牌约束。
  2. 用文字、草图或参考素材生成第一版结构,再删掉无关装饰。
  3. 检查层级、对齐、可读性和交互路径,并让实际使用者试读。
  4. 交付前确认字体、图片、图标和第三方素材的授权范围。

典型场景

  • 设计交付:将设计师的页面稿转换为前端初始代码
  • 组件复用:用自有组件库和自定义 DSL 统一出码规范
  • 工程协作:通过 CLI、Plugin 和 VS Code 接入已有研发流程
BEFORE YOU START

使用前提示

04
  • 价格、免费额度、地区限制和登录要求以工具官网当前说明为准。
  • 涉及个人资料、企业文件或敏感内容时,请先确认服务商的隐私与数据保留政策。
  • 如果官网地址、分类或功能描述有变化,可以通过“信息有误?”反馈给我们。