### [图像大厨](https://dkwy.com/link/9105)

**Published:** 2026-05-06T08:05:16

**Author:** 蛋壳

**Excerpt:** 图像大厨 是阿里巴巴开发的一站式设计转代码自动化平台，可将多种设计文件（Sketch、PSD、静态图片）转为前…

## 产品概述

图像大厨 是阿里巴巴开发的一站式设计转代码自动化平台，可将多种设计文件（Sketch、PSD、静态图片）转为前端代码。平台通过智能算法，从设计文档生成视图代码、数据绑定代码、组件代码及部分业务逻辑。内置支持 10 种 DSL，包括 React、Vue、Rax 和小程序，致力于 100% 还原设计并保证代码质量和可维护性。平台可通过 CLI 工具、VS Code 插件和自定义 DSL 无缝集成到开发流程。

## 主要功能

|     |     |
| --- | --- |
| **多格式设计支持** | 支持处理多种设计格式，包括 Sketch 文件、Photoshop 文档和静态图片，可通过插件或直接上传到可视化编辑器。 |
| **智能代码生成** | 生成可维护的代码，具备合理的 DOM 结构、相对定位布局、语义化类名和自动识别循环结构。 |
| **多框架支持** | 内置支持 10 种 DSL，包括 React、Rax、Vue 和小程序，也可根据需求自定义 DSL。 |
| **开发流程集成** | 通过 CLI 工具、VS Code 插件和自定义导出插件实现无缝集成，支持图片上传和文件目录转换。 |
| **可视化编辑器** | 提供全面的编辑能力，允许用户修改布局、绑定数据、编写逻辑代码，并在导出前自定义生成的组件。 |

## 使用场景

-   **活动页开发：**可快速开发一次性促销页面和营销活动，特别适用于电商购物节等场景。
-   **设计与开发协作：**提升设计师与前端开发协作效率，减少手动编码，确保设计高还原。
-   **组件库创建：**构建可复用的 UI 组件和设计系统，在各项目中保持风格统一和语义化命名。
-   **从原型到生产：**将设计原型转化为生产可用代码，支持数据绑定和业务逻辑集成。
-   **跨平台开发：**可从单一设计源生成多平台代码，包括 Web 应用、移动应用和小程序。



---