图像大厨

什么是图像大厨？

图像大厨 是阿里巴巴开发的一站式设计转代码自动化平台，可将多种设计文件（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 应用、移动应用和小程序。

常见问题