imgplay是一款功能十分强大的图像智能化代码生成软件，该软件能够采用了AI智能化技术方案，从而将图像信息生成为前端代码，以此来提升用户的图像处理效率，有需要的小伙伴快来下载体验吧。

【软件特色】

　　自定义编写代码模板

　　实时保证代码和视觉的高度还原

　　一键智能还原与丰富的操作面板

　　支持小程序、React、H5、Weex Rax 等，外部暂时不支持自定义代码模板。

　　全链路采用计算机视觉、深度学习等智能化手段依次去除对设计稿的约束，智能生成代码。

　　高可维护性，DOM 嵌套合理、相对定位布局、文本自适应

　　ClassName语义化、循环可自动识别

　　Imgcook-cli 可将生成的代码以任意形式一键下载到任意目录，和您的研发链路无缝连接，支持自定义加工

【安装说明】

　　手动安装(推荐)

　　如果上述安装器安装流程出现异常(比如 Windows 安装过程卡住时间很久，Mac 10.15 安装器不可用)，可尝试按以下步骤手动安装。

　　1、解压下载的 zip 文件，根据各自的系统将解压后目录里的 imgcook.photoshop 目录放置到以下指定目录。

　　Mac OS: /Library/Application Support/Adobe/CEP/extensions/

　　Windows x64: C:Program Files (x86)Common FilesAdobeCEPextensions, 或者 C:Program FilesCommon FilesAdobeCEPextensions

　　Windows x86: C:Program FilesCommon FilesAdobeCEPextensions

　　2、重启 PhotoShop 即可在顶部菜单「 Window(窗口) 」-「Extensions(扩展)」 找到 imgcook 插件。

　　自动安装

　　双击 imgcook.photoshop_version.exe 文件，按步骤提示进行安装，大概耗时几分钟。

　　安装完毕后可重启 PhotoShop，在顶部菜单 「 Window(窗口) 」- 「Extensions(扩展)」 找到 imgcook 插件。

【常见问题】

　　生成的代码样式尺寸不匹配?

　　对于非响应式的情况，默认的代码样式尺寸是根据设计稿实际尺寸出码的，如果有存在1x、2x 设计稿情况，可以参考响应式处理方式进行处理，比如 750 的设计稿，想导出 375 的尺寸(需要根据设计稿尺寸自己在 DSL 实现里做整除)。

　　为什么有些样式代码导出是 vw，有些是 px、rem?

　　这个跟具体的 DSL 实现有关，实际上三者都可以导出，甚至可以是 less、scss，建议有自定义需求的可以自己在 Github fork DSL 代码实现。

　　生成的代码是否支持 less 、scss?

　　通常情况下是可以根据节点层级关系做到命名保护的，可以支持了一个比较简单的层级样式代码生成，但相对来讲还是偏静态实现，可以参考此实现