Loading...

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

AI工具12个月前发布 Ai导航
431 0 0

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

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

立即使用:https://www.imgcook.com/

产品功能

  • 支持多种设计类型:使用插件导出设计或在 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 可视化编辑器来引导自己的业务流程。
© 版权声明

相关文章

暂无评论

暂无评论...