图像大厨Imgcook

图像大厨Imgcook是什么？

Imgcook 是一款能够将设计稿一键转换为前端代码的工具，它能够显著提升前端开发者的工作效率，同时帮助企业有效控制人力成本，该产品由阿里巴巴集团研发推出。

立即体验：https://www.imgcook.com/

图像大厨Imgcook核心功能

• 兼容多种设计格式：支持通过插件直接导出设计文件，或在 Imgcook 编辑器中上传各类设计源文件。
• 具备高智能性与易维护性：采用科学的 DOM 结构组织方式，运用相对定位布局技术，实现类名语义化标注，并具备自动循环识别功能。
• 提供10种代码生成方案：官方内置了包括 react、rax、Vue 及小程序在内的10种领域特定语言(DSL)，能够生成不同技术栈的代码。用户还可以根据需求自定义 DSL，生成满足个性化要求的代码。
• 无缝对接研发流程：支持多种集成方式，可在代码生成后直接融入您的研发环节中。
• 支持插件定制：在使用 Imgcook 导出代码时，用户可利用自定义插件对代码产品进行加工处理，例如自动将图片上传至私有图床、实现文件目录结构转换等操作。
• Imgcook 命令行工具：该 CLI 工具能够将 Imgcook 平台生成的代码资源整合到您的本地项目中，通过插件机制实现与研发流程的无缝对接。
• VS Code 编辑器集成：为匹配 VS Code 的开发环境能力，我们开发了 VSCode Imgcook 插件。用户可将设计工具导出的数据粘贴到该插件中，完成代码生成并导出至指定目录。
• 组件系统支持：为使开发者能在 Imgcook 平台上使用自有组件，我们构建了开放组件系统，支持组件库的可配置化、可识别化、可干预化、可渲染化及代码输出功能。

图像大厨Imgcook应用实例

• Imgcook 在豪摩科技的应用：通过运用 Imgcook Sketch 插件导出功能、自定义 DSL、命令行操作及插件等特性，显著提升了前端开发效率。
• Imgcook 在优品街的实践：设计师借助设计素材管理、设计层标记和代码导出功能，实现了与前端团队的顺畅协作，大幅减少了不必要的沟通环节。
• Imgcook 在阿里妈妈的集成：Boom 平台是阿里妈妈用于智能单坑生产和投放的集成系统，它将 Imgcook 的核心能力无缝嵌入到自身平台流程中，并定制了 Imgcook 可视化编辑器以适配业务需求。