ImgCook

简介

ImgCook（图像大厨）是阿里巴巴（大淘宝技术）推出的设计稿转代码平台，由阿里前端委员会智能化小组发起，是国内早期“Design to Code（D2C）”方向的代表性产品之一，2019年底开始对外公开。官网 imgcook.com 在线可用，同时提供Figma、Sketch插件。

主要功能

以Sketch、PSD、Figma及静态图片为输入，一键生成前端代码，包括视图代码、数据字段绑定、组件代码和部分业务逻辑代码。提供可视化编辑器，可调整样式表达式、数据循环、布局结构和字段绑定。代码输出支持多端DSL（React、Vue、小程序等10多种，并可自定义DSL），配有VS Code插件深度集成和图片资源自动生成，便于直接接入真实工程。

特色优势

免费是最大特点之一：官网明确“永久免费”，插件与代码生成均不收费，适合低成本试点D2C的团队。背靠阿里电商前端实践，公开资料称在淘宝、天猫数百个业务场景中大规模使用（日均生成数万行代码），对电商营销页、活动页这类视觉重、逻辑轻的页面还原效果较好。

适用人群

电商与营销活动页面研发团队（页面量大、上线节奏快）；使用Sketch/PSD/Figma且想引入智能化开发流程的前端工程师；以及希望降低设计稿还原成本的中小型开发团队。

常见问题

问：ImgCook收费吗？答：官网宣称永久免费，具体以官网为准。问：支持哪些设计稿？答：Sketch、PSD、Figma（插件）与静态图片上传均可。问：和京东Deco有什么不同？答：两者都是国内D2C工具；ImgCook出自阿里、多DSL输出与可视化编辑更成熟，Deco由京东凹凸实验室推出，主打Taro多端代码。