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 可视化编辑器来引导自己的业务流程。
©版权声明:如无特殊说明,本站所有内容均为AIHub.cn原创发布和所有。任何个人或组织,在未征得本站同意时,禁止复制、盗用、采集、发布本站内容到任何网站、书籍等各类媒体平台。否则,我站将依法保留追究相关法律责任的权利。