图像大厨Imgcook是什么
图像大厨Imgcook是阿里巴巴推出的一款设计稿到代码的智能化转换工具,旨在通过智能化的技术手段,提升前端研发效率,降低人力成本。它能够将设计稿快速、准确地转换为可运行的前端代码,极大地简化了开发流程。
图像大厨Imgcook功能
- 设计稿智能生成代码:Imgcook支持多种设计稿文件类型(如Sketch、PS、Figma等),用户可以通过插件将设计稿导出并粘贴到Imgcook编辑器中,或者直接在编辑器中上传设计文件。之后,Imgcook会自动分析设计稿,生成对应的代码。
- 多种代码生成类型:Imgcook官方支持React、Rax、Vue、小程序等10种DSL(领域特定语言)生成不同类型代码,满足用户的多样化需求。同时,用户还可以自定义DSL,生成任何满足自己需求的代码。
- 无缝融入研发流程:Imgcook提供了多种方式将生成的代码无缝融入到用户的研发链路中。例如,通过自定义Plugin对代码产物进行处理,使用imgcook-cli将代码产物一键放置到本地项目工程里,以及提供VS Code imgcook编辑器插件等。
图像大厨Imgcook技术特点
- 智能化精准还原:Imgcook全链路采用计算机视觉、深度学习等智能化技术,能够精准还原设计稿的样式和结构,包括合理的DOM嵌套结构、相对定位布局、ClassName语义化、循环自动识别等。
- 开放的物料体系:Imgcook提供了开放的物料体系,支持组件库可配置、可识别、可干预、可渲染、可出码。这意味着开发者可以在Imgcook平台使用自有的组件,提高开发效率和代码复用性。
图像大厨Imgcook应用场景
- 前端研发提效:Imgcook可以大大提高前端研发效率,帮助公司降低人力成本。例如,在毫末科技前端团队,使用了Imgcook的Sketch插件导出、自定义DSL、CLI命令行、Plugin等能力后,研发提效达到了40%以上。
- 设计师与前端高效协作:Imgcook还可以帮助设计师与前端工程师实现高效协作。设计师可以使用Imgcook的设计物料管理、设计稿图层标记、代码导出等能力,减少与前端不必要的沟通,提高协作效率。
- 定制化开发:Imgcook还支持定制化开发。用户可以根据自己的业务需求,自定义DSL和Plugin,生成满足自己需求的代码。这使得Imgcook可以广泛应用于各种定制化开发场景。