Imgcook

Imgcook

图像大厨设计稿AI生成代码 网址:www.imgcook.com 更新日期:09-29

Imgcook(图像大厨),是阿里巴巴旗下淘宝技术团队出品的图片设计稿AI智能转换生成前端代码工具。可以以Sketch、psD、静态图片等形式的视觉稿作为输入,通过智能化技术一键生成可维护的前端代码,包含视图代码、数据字段绑定、组件代码、部分业务逻辑代码等。

Imgcook

Imgcook的简介

imgcook中文译为“图像大厨”,顾名思义,它是一款专注于各种图像(Sketch、PSD、静态图片)处理的工具,通过智能化手段将各种图像一键生成可维护的UI视图代码。

虽说目前还只是社区体验版,但其也是经过淘宝前端团队内部近2年的打磨才推出的全新产品。按照阿里官方的说法,这个打着“高度还原各种图像,释放UI开发生产力”口号的imgcook未来足以成为一位P5级别的重构工程师,实现100%的还原、100%的兼容、以及一键上线!

2019天猫双十一的会场模块79.43%的线上代码由imgcook一键智能生成;开源前端算法工程框架Pipcook,引领前端行业向智能化时代发展。

Imgcook的功能

imgcook的主要功能是视觉稿一键还原和基于还原后的可视化编辑,Sketch/photoshop设计稿的还原从安装插件开始,在设计稿中通过插件导出视觉稿的JSON描述信息粘贴到imgcook可视化编辑器,在编辑器中可以进行视图编辑、逻辑编辑等,生成代码后可将代码导出到本地或您的工程文件。

除了视觉稿还原*,我们还提供了如imgcook-cli、imgcook VS Code插件等工程效率工具,也支持用户自定义DSL、自定义Plugin等。另外我们还在全链路探索AI赋予imgcook的能力,如图片生成代码、文本语义理解等。

Imgcook的的优势

1、智能化精准还原

全链路采用计算机视觉、深度学习等智能化技术,合理的 DOM 嵌套结构、相对定位布局、ClassName语义化、循环自动识别。

2、支持10种类型代码生成

官方提供React、Rax、Vue、小程序等10种DSL生成不同类型代码,用户也可自定义DSL生成任何满足自己需求的代码。

3、融入研发流程

提供多种方式,在代码生成后和您的研发链路无缝连接。

相似网站