什么是图像大厨?
图像大厨 是阿里巴巴开发的一站式设计转代码自动化平台，可将多种设计文件（Sketch、PSD、静态图片）转为前端代码。平台通过智能算法，从设计文档生成视图代码、数据绑定代码、组件代码及部分业务逻辑。内置支持 10 种 DSL，包括 React、Vue、Rax 和小程序，致力于 100% 还原设计并保证代码质量和可维护性。平台可通过 CLI 工具、VS Code 插件和自定义 DSL 无缝集成到开发流程。
主要功能
多格式设计支持
支持处理多种设计格式，包括 Sketch 文件、Photoshop 文档和静态图片，可通过插件或直接上传到可视化编辑器。
智能代码生成
生成可维护的代码，具备合理的 DOM 结构、相对定位布局、语义化类名和自动识别循环结构。
多框架支持
内置支持 10 种 DSL，包括 React、Rax、Vue 和小程序，也可根据需求自定义 DSL。
开发流程集成
通过 CLI 工具、VS Code 插件和自定义导出插件实现无缝集成，支持图片上传和文件目录转换。
可视化编辑器
提供全面的编辑能力，允许用户修改布局、绑定数据、编写逻辑代码，并在导出前自定义生成的组件。
1. 图像大厨 支持哪些设计文件格式？⌄
图像大厨 支持 Sketch 文件、Photoshop (PSD) 文档和静态图片。您可以使用 Sketch/Photoshop 插件或直接上传到可视化编辑器。
2. 图像大厨 可以生成哪些前端框架的代码？⌄
图像大厨 内置支持 10 种 DSL，包括 React、Rax、Vue 和多种小程序框架，也可自定义 DSL 满足特定需求。
3. 生成的代码与原始设计的还原度如何？⌄
图像大厨 致力于 100% 还原设计，保持字体大小、颜色、间距等参数一致。但对于复杂布局，可能需要手动调整。
4. 图像大厨 可以集成到现有开发流程吗？⌄
是的，图像大厨 提供 CLI 工具、VS Code 插件和自定义导出插件，可无缝集成到现有开发流程和项目结构。
5. 生成的代码适合长期项目维护吗？⌄
图像大厨 生成的代码具备合理的 DOM 结构、语义化类名和相对定位，但更适合活动页和原型，不太适合复杂长期项目。
6. 是否需要遵循特定设计规范才能获得更好结果？⌄
虽然 图像大厨 没有严格要求，但如能将相关图层分组并使用语义化命名，将提升代码生成准确性。