养生 装修 购物 美食 感冒 便秘 营销 加盟 小吃 火锅 管理 创业 搭配 减肥 培训 旅游

摹客iDoc Adobe XD插件使用技巧

时间:2024-11-12 04:04:46

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

工具/原料

摹客

AdobeXD

方法/步骤

1、安装XD插件去摹客官网下载摹客XD插件安装文件并点击进行安装。

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

摹客iDoc Adobe XD插件使用技巧

3、Windows:

摹客iDoc Adobe XD插件使用技巧

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

5、选择项目和分组通过下拉菜单选择项目和分组,设计稿将上传至该项目对应的分组中。

6、新建项目通过点击加号图标进行新建项目的操作。在新建项目时可选择项目集,将项目创建在目标项目集内。

摹客iDoc Adobe XD插件使用技巧

摹客iDoc Adobe XD插件使用技巧

7、切换团队/切换账号点击右侧“更多”图标,可选择团队/切换账号。

8、标记切图选中需要切图的图层或编组,在图层栏中点击「添加导出标记」图标。此时图标变撮颡槽骗黑,提示「添加导出标记」变为「取消导出标记」,此时切图操作便完成了。

摹客iDoc Adobe XD插件使用技巧

9、选择设计稿倍率点击倍率下拉框,根据设计稿的画板大小,选择设计稿对应的倍率。例:750px*1334px的设计稿对应@2×。

摹客iDoc Adobe XD插件使用技巧

10、上传设计稿标记完成切图易七淄苷之后,一键将设计稿上传至云端项目中,提示完成后便可在云端查看到刚才上传的设计稿。(注:操作过程中,如果误点击了“上传”,可在上传界诹鬃蛭镲面右上角点击叉号“x”图标,本次上传将会立即中止。)

摹客iDoc Adobe XD插件使用技巧

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

摹客iDoc Adobe XD插件使用技巧

© 一点知识