Imgcook 图像大厨：智能设计稿转代码平台
产品概述
Imgcook是由阿里巴巴-大淘宝技术-导购和营销产品团队打造的设计稿智能生成前端代码（D2C，Design to Code）平台。支持从Sketch、PSD、静态图片等格式的视觉稿中，通过智能化技术一键生成可维护的前端代码，包含视图代码、数据字段绑定、组件代码及部分业务逻辑代码。
核心功能
1. 一键还原视觉稿
从视觉稿中还原代码通过以下两种方式实现：
- 插件导出：在Sketch/PSD软件中安装Imgcook插件，导出图层信息并粘贴到可视化编辑器
- 直接上传解析：在可视化编辑器内上传Sketch/PSD/图片文件，系统自动解析图层信息
2. 可视化编辑
在编辑器中支持：
- 动态表达式样式设置
- 布局与循环结构调整
- 逻辑代码编写与数据字段绑定
3. 自定义代码生成
- 预置DSL支持：提供React/Vue/小程序等主流框架的DSL模板
- 自定义DSL扩展：满足特殊定制需求的DSL开发能力
- 一键导出方案：
- 直接导出到本地文件（图片以相对路径存入images目录）
- 通过VS Code插件自动将代码文件生成到指定目录
典型应用场景
Imgcook适用于以下场景：
- 移动端细粒度模块开发（特别推荐）
- 移动端活动页开发（特别推荐）
- 移动端全页面开发（推荐）
- PC端toC应用（推荐）
- PC端toB应用（推荐）
- PC端富交互应用/游戏场景（不推荐）
插件使用指南
Figma插件操作步骤：
- 确保已登录Imgcook账户
- 在Figma插件菜单中选择Imgcook，打开导出窗口
- 选择需要导出的文件图层组并点击「导出」
- 系统提示「导出成功，已复制到剪贴板！」后点击「转到粘贴」
- 新打开的编辑器中通过
Ctrl+V粘贴内容，保存为模块
使用成本
Imgcook所有功能完全免费，用户可免费使用：
- Figma、Sketch、VS Code官方插件
- 提供完整设计稿转代码解决方案
- 包含DSL模板库及配套工具链
