
图像大厨Imgcook
阿里巴巴推出的设计稿智能生成前端代码的平台
图像大厨Imgcook是由阿里巴巴-大淘宝技术-导购和营销产品团队推出的设计稿智能生成前端代码(D2C,Design to Code)的平台,专注以 Sketch、PSD、静态图片等形式的视觉稿作为输入,通过智能化技术一键生成可维护的前端代码,包含视图代码、数据字段绑定、组件代码、部分业务逻辑代码等。
imgcook.com阅读目录
深入了解 图像大厨Imgcook
约 2 分钟图像大厨Imgcook阿里巴巴出品的AI工具,能够将设计转换为代码,它可以帮助前端开发者提高开发效率,同时帮助公司降低人力成本。
产品功能
- 支持多种设计类型:使用插件导出设计或在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
从官方入口了解最新功能与使用方式。
由猫目编辑维护
欢迎产品方补充截图、功能介绍与官方资料。更新和纠错由编辑审核后发布。