imgcook 是专注以各种图像(Sketch/PSD/静态图片)为原材料烹饪的匠心大厨,通过智能化手段将各种图像一键生成可维护的 UI 视图代码,期望此 imgcook (图像大厨) 未来能够成为一位 P5 级别的重构工程师,能切实提高开发的开发效率,并助力开发、设计师、测试的高效协作。有需要的朋友可以下载使用哦!
软件特色
所见即所得
一键还原,上手即用,只有妙不可言。
智能化
全链路采用计算机视觉、深度学习等智能化手段依次去除对设计稿的约束,智能生成代码。
精度还原
一键智能还原与丰富的操作面板;
实时保证代码和视觉的高度还原。
DSL多样
自定义编写代码模板;
支持小程序、React、H5、Weex Rax 等,外部暂时不支持自定义代码模板。
高可维护性
DOM 嵌套合理、相对定位布局、文本自适应;
ClassName语义化、循环可自动识别。
使用方法
1、打开下载包里的 imgcook试验田。psd 文件,找到 PS 界面 layers(图层) 窗口(如果没有,可以通过勾选 Window(窗口) -> layers(图层))打开。
2、选中一个模块最外层的图层节点,点击插件终端界面里的 导出数据。
3、等待插件处理完毕显示导出成功后即可点击 去粘贴 前往 imgcook 平台进行粘贴。
注意事项
1、需新建Artboard文档输出设计。
2、Sketch设计文档需要基本的规整,尽量不要出现多余的图层,不展示的元素可以不显示,但最好是删除,减少代码的冗长。
∨ 展开