摹客教程

摹客教程

摹客,让设计更快更简单

摹客iDoc XD插件

摹客iDoc支持Adobe XD。通过摹客iDoc XD插件,可以上传XD设计稿以进行标记切图等。

 

安装XD插件

在 XD菜单栏找到「插件 > 管理插件 > 所有插件」,在面板中搜索 iDoc 即可快速安装 XD 插件。或者去摹客官网(https://idoc.mockplus.cn/download/xd)下载摹客iDoc XD插件安装文件并双击进行安装。注意:你需要将Adobe XD 更新到13.0以上版本。

 

打开插件

插件安装好后打开XD,在「菜单栏>插件」找到摹客 iDoc 插件,选择并打开。

 

注册和登录

使用摹客平台账号(在Mockplus、摹客 iDoc 上通用)即可登录。如果你看到的界面是英文的请点击左上角设置图标按钮切换插件语言。

 

选择团队和项目

通过下拉菜单选择团队和项目,设计稿将上传至该项目中。

3a.png

 

3b.png

 

标记切图

选中需要切图的图层或编组,在图层栏中点击「添加批量导出标记」图标Clipboard Image.png

4a.png

 

此时图标Clipboard Image.png变黑,提示「添加批量导出标记」变为「取消批量导出标记」,此时切图操作便完成了。

4b.png

 

选择设计稿倍率

点击倍率下拉框选择设计稿对应的倍率,也可以直接默认,在Web端可修改设计稿倍率。例:750px*1334px的设计稿对应 @2× 。

5.png

 

上传设计稿

标记完成切图之后,一键将设计稿上传至云端项目中,提示完成后便可在云端查看到刚才上传的设计稿。

6.png

 

新建项目/切换团队/切换账号

通过点击更多功能进行新建项目/切换团队/切换账号操作。

7.png

 

 

相关阅读: