Imgcook 是一款能够将设计转换为代码的工具，它可以帮助前端开发者提高开发效率，同时帮助公司降低人力成本，由阿里巴巴出品。
imgcook 专注以 Sketch、PSD、静态图片等形式的视觉稿作为输入，通过智能化技术一键生成可维护的前端代码，包含视图代码、数据字段绑定、组件代码、部分业务逻辑代码等。
imgcook 的主要功能是视觉稿一键还原和基于还原后的可视化编辑，Sketch/Photoshop 设计稿的还原从安装插件开始，在设计稿中通过插件导出视觉稿的 JSON 描述信息粘贴到 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 平台上使用自己的组件，我们提供了一个开放的材料系统，支持组件库的可配置、可识别、可干预、可渲染和代码输出。
官网地址：https://www.imgcook.com/
相关文章
