imgplay是一款非常强大的图像智能代码生成软件。该软件采用AI智能技术解决方案，将图像信息生成到前端代码中，可以提高用户的图像处理效率。如果您愿意，请随时尝试。

【软件特色】

自定义编写的代码模板

保证先进的代码和视觉实时恢复。

一键智能恢复，丰富的操作面板

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

Cross Link利用计算机视觉、深度学习等智能手段，依次去除设计稿中的约束，智能生成代码。

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

ClassName具有语义性，可自动识别循环

Imgcook-cli可以将生成的代码一键部署到任意格式、任意目录，无缝对接研发链接，支持自定义处理。

【安装说明】

手动安装（推荐）

如果上述安装程序的安装过程出现异常（例如Windows安装过程长时间挂起，Mac 10.15安装程序无法使用），您可以尝试按照以下步骤手动安装：

1. 对于解压后的zip 文件，请将解压目录中的imgcook.photoshop 目录放置在以下指定目录中，具体取决于您的系统：

Mac OS: /库/应用程序支持/Adobe/CEP/extensions/

Windows x64: C: 程序文件(x86) 通用文件AdobeCEPextensions 或C: 程序文件通用文件AdobeCEPextensions

Windows x86: C: 程序文件常用文件AdobeCEP 扩展

2. 重新启动PhotoShop，在顶部菜单的“窗口”-“扩展”下找到imgcook插件。

自动安装

双击imgcook.photoshop_version.exe 文件并按照说明进行安装。这可能需要几分钟的时间。

安装完成后，重新启动PhotoShop并在顶部菜单的“窗口”-“扩展”下找到imgcook插件。

【常见问题】

生成的代码样式大小不一致？

在无响应的情况下，默认的代码样式大小以设计稿的实际大小为准。例如，如果您有750个设计稿，则可以参考响应式处理方法。 375大小（根据设计稿的大小，DSL实现必须做整数除法）。

为什么有些样式代码导出为vw，有些导出为px 或rem？

这与特定的DSL 实现相关。事实上，如果您有自定义需求，我们建议将DSL 代码分叉到Github 并自行实现。

生成的代码支持less和scss吗？

虽然名称保护通常可以基于节点的层次关系来实现，并且支持相对简单的层次代码生成，但是这种实现是相对静态的。