图像大厨Imgcook-设计稿智能转代码工具

图像大厨Imgcook-设计稿智能转代码工具

Imgcook 是一款能够将设计转换为代码的工具，它可以帮助前端开发者提高开发效率，同时帮助公司降低人力成本，由阿里巴巴出品。

产品功能

• 支持多种设计类型：使用插件导出设计或在 Imgcook 编辑器中上传设计文件。
• 智能且高可维护性：DOM 嵌套合理，相对定位布局，类名语义化和循环自动识别。
• 支持10种类型的代码生成：官方提供了10种 DSL，如 react、rax、Vue 和小程序等，可以生成不同类型的代码。用户也可以自定义 DSL，生成满足自己需求的任何代码。
• 集成到 R&D 流程：提供多种方式，可以在代码生成后无缝连接到你的 R&D 环节。
• 自定义插件：在使用 Imgcook 导出生成的代码时，你可以使用自定义插件处理代码产品，例如自动将图片上传到你自己的图片空间，文件目录转换等。
• Imgcook CLI：Imgcook CLI 可以将 Imgcook 平台生成的代码产品集成到你的本地项目中，通过插件的能力将它们无缝集成到你的 R&D 流程中。
• Imgcook Visual Studio：为了匹配 VS Code 的强大工程能力，我们提供了 VSCode Imgcook 编辑器插件，你可以将设计工具导出的数据粘贴到 VSCode Imgcook 编辑器插件中，生成代码并将其导出到相应的文件夹目录。
• 自定义组件：为了让开发者在 Imgcook 平台上使用自己的组件，我们提供了一个开放的材料系统，支持组件库的可配置、可识别、可干预、可渲染和代码输出。

使用案例

• Imgcook 在豪摩科技：Imgcook Sketch 插件导出，自定义 DSL，命令行，插件等能力被用于提高前端代码开发效率。
• Imgcook 在优品街：设计师使用设计材料管理，设计层标记和代码导出的能力，有效地与前端进行协作，减少了与前端的大量不必要的沟通。
• Imgcook 在阿里妈妈：Boom 是阿里妈妈的智能单坑生产和投放的集成平台，它将 Imgcook 的核心能力无缝集成到自己的平台环节中，并定制了 Imgcook 可视化编辑器来引导自己的业务流程。