Imgcook翻译站点

在当今快节奏的互联网时代，前端开发者和设计师们常常面临着将设计稿快速、高效地转换为可维护代码的挑战。阿里巴巴大淘宝技术团队推出的图像大厨Imgcook，正是为了解决这一痛点而生的智能化平台。

网站介绍

Imgcook（图像大厨）是一款专注于将设计稿（如Sketch、PSD、静态图片等）智能生成前端代码的工具。通过先进的算法和技术，Imgcook能够将视觉稿一键转换为可维护的前端代码，包括视图代码、数据字段绑定、组件代码以及部分业务逻辑代码等。

功能特点

一键还原视觉稿

Imgcook支持两种方式将设计稿还原为代码：

• 通过安装的Imgcook插件，打开Sketch或PSD文件，将设计稿中的图层信息导出，并粘贴到可视化编辑器中。
• 在可视化编辑器中直接上传Sketch、PSD或图片文件，Imgcook会自动解析图层信息并还原到编辑器中。

可视化编辑

在Imgcook的可视化编辑器中，用户可以进行视图编辑，如支持动态表达式样式、设置循环、修改布局等操作，还可以编写逻辑代码、绑定字段等。

生成代码

Imgcook官方提供了多种常用的DSL（如React、Vue、小程序等），用户可以根据需求选择或自定义DSL。生成代码后，可点击“导出”，将整个模块代码文件生成到相应目录，方便在VS Code中继续开发。

相关项目

Imgcook已在阿里巴巴内部广泛应用，如2019年天猫淘宝双十一会场模块的研发中，Imgcook显著提升了研发效率，代码可用率达到了79.34%。此外，Imgcook还被集成到阿里妈妈智能单坑制作和投放一体化平台BOOM中，以及优酷智能物料生成平台Minion中，进一步推动了前端开发的智能化和高效化。

优点评价

Imgcook的高还原度使得设计师无需进行还原走查，测试人员也不需要适配样式。开发人员可以使用Imgcook生成的代码快速上线，无需手动切图和编写样式。生成的代码是可维护的，有助于开发人员进行二次开发和维护。

是否收费

Imgcook是完全免费的，用户可以使用其提供的Figma、Sketch、VSCode等插件，将设计稿免费转化为代码。

总结

对于00后和互联网用户而言，Imgcook提供了一种智能化、便捷且高效的方式，将设计稿快速转换为前端代码。无论是移动端活动页、全页面开发，还是PC端ToC应用，Imgcook都能满足需求，助力开发者和设计师们更高效地完成工作。