Imgcook

Imgcook是阿里巴巴开发的智能设计稿转代码平台,支持Sketch、PSD等格式,自动生成前端代码。适用于移动端和PC端开发,提供免费插件和可视化编辑器,助力提高前端开发效率。

体验Imgcook

什么是Imgcook

Imgcook:智能前端代码生成平台

Imgcook(图像大厨)是阿里巴巴-大淘宝技术团队开发的智能设计稿转代码(D2C)平台。它能将Sketch、PSD、静态图片等视觉稿自动转换为可维护的前端代码,包括视图、数据绑定、组件和部分业务逻辑代码。

核心功能

Imgcook支持两种导入方式:

  • 通过插件从Sketch/PSD导出图层信息
  • 直接上传设计文件到可视化编辑器

在编辑器中,用户可以:

  • 编辑视图样式和布局
  • 设置动态表达式和循环
  • 编写逻辑代码和绑定数据字段
  • 选择或自定义DSL(如React、Vue、小程序等)

应用场景

Imgcook适用于多种开发场景,特别推荐用于:

  • 移动端细粒度模块开发
  • 移动端活动页面
  • 移动端全页面开发
  • PC端面向用户的应用

使用方法

1. 登录Imgcook账户

2. 在设计工具中使用Imgcook插件

3. 选择并导出图层

4. 在Imgcook编辑器中粘贴并编辑

5. 导出生成的代码

定价

Imgcook完全免费,用户可以使用其提供的Figma、Sketch、VSCode等插件,将设计稿转换为代码,无需付费。