一个由设计稿智能生成代码的神器
imgcook,一个由设计稿智能生成代码的神器
imgcook 是专注以各种图像(Sketch/PSD/静态图片)为原材料烹饪的匠心大厨,通过智能化手段将各种视觉稿一键生成可维护的前端代码,切实提高前端的开发效率。全链路采用计算机视觉、深度学习等智能化手段依次去除对设计稿的约束,智能生成代码。一键智能还原与丰富的操作面板,实时保证代码和视觉的高度还原。促进团队的高效协作。
![](https://i-blog.csdnimg.cn/blog_migrate/d23f8bf3c3055d8a6f665a884745e0a8.png)
imgcook 支持小程序、React、H5、Weex、Rax 等 多样 DSL。
![](https://i-blog.csdnimg.cn/blog_migrate/846cec59a60901d867b2196b5792f719.png)
imgcook 具有高可维护性,DOM 嵌套合理、相对定位布局、文本自适应,ClassName 语义化、循环可自动识别。
![](https://i-blog.csdnimg.cn/blog_migrate/5631fcfab0a8968b1027ef9198f0318f.png)
imgcook 使用简单,直接上传设计稿(最好找上传sketch或psd源文件)
![](https://i-blog.csdnimg.cn/blog_migrate/2a73b364d4d98767d9cdc427a66b3ba2.png)
即可快速生成代码。点击后可以选择DSL,最后导出到本地即可。
![](https://i-blog.csdnimg.cn/blog_migrate/0332f67e73264de4c33fd1de9fcdfbaf.png)
最后打开浏览器查看界面调试即可。
![](https://i-blog.csdnimg.cn/blog_migrate/20bd17b46436a688d4826f27e80d5588.png)
imgcook 可以学习代码的结构,通过手动调整代码有利于进一步提高代码规范以及开发页面结构和调整页面样式的能力。还可以和小伙伴一起协作开发。快快邀请小伙伴一起使用叭。