[XD插件]摹客iDOC

设计师在Adobe XD 中安装并使用此插件,可以将设计稿上传到摹客iDoc,并使用iDoc的全部协作设计功能。

【XD插件】iDoc

摹客iDoc是高效的设计协作平台,对接Sketch、PS和Adobe XD,设计师可以一键上传设计稿,实现智能标注和切图,与产品经理和工程师高效协作。 
01.png 
一起看看如何使用吧。

摹客iDoc Adobe XD插件 使用

1. 保存当前XD文档。 
2. 执行「菜单栏>插件」,打开摹客 iDoc 插件并登录摹客账号。 
3. 标记切图 
选中需要切图的图层或编组,在图层栏中点击「添加批量导出标记」图标。 
4. 上传设计稿,之后在iDoc中进行协作。

 

新用户使用说明
1、安装插件 
在 XD菜单栏找到「插件 > 管理插件 > 所有插件」,在面板中搜索 iDoc。或前往https://idoc.mockplus.cn/download/xd。注:Adobe XD 需更新到13.0以上版本。 


2、注册和登录

使用摹客平台账号(在Mockplus、摹客 iDoc 上通用)即可登录。新用户在官网注册地址:https://idoc.mockplus.cn/

如果你看到的界面是英文的请点击左上角设置图标按钮切换插件语言。

 

3、选择团队和项目

通过下拉菜单选择设计稿将要上传到的团队和项目


4、标记切图

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

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

 

5、选择设计稿倍率

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


6、上传设计稿

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

 

上传设计稿后,如何在摹客iDoc中进行协作? 

视频教程:三分钟玩转摹客iDoc

https://doc.mockplus.cn/?p=4506

01.png

特色功能简介:

1. 查看智能标注 
点击 / hover 设计图上的任意元素,查看相应标注(三种标注模式:无选中标注、图层间标注、多选标注)还有标注百分比和放大镜功能。 
2. 一键下载切图 
支持下载页面单个、多个或全部已标记切图(点击空白处,可下载该页面内所有切图)还可切换平台(iOS、Android、Web)和选择倍率。 
3. 在线制作交互原型 
可在线通过绘制矩形热区设置页面跳转交互,跳转动画有 9 种样式可以选择。完成设置后,一键运行演示,生成高保真交互原型。 
4. 多样批注,交流想法 
提供 5 种批注样式,方便更好表达想法和意见。提供 7 种颜色用以表达批注重要度和完成度。 
5. 全貌面板 
展示项目所有页面,可拖拽移动 / 缩放 / 全览画布。添加逻辑线,并加以文字批注,可展示页面逻辑关系,还可进行页面标记,表示页面的状态和进度。 
6. 附件文档 
支持上传当下主流文档,Axure、Justinmind、Mockplus 原型和各类文档,直接在线预览。 
7. 高效团队协作 
团队、项目均可分组管理,可设定不同身份和权限,高效管理。

 

 


摹客iDOC Adob XD 插件,摹客iDOC是什么,摹客iDOC安装,摹客iDOC 使用方法,Adob XD 插件下载,Adob XD 插件安装,Adob XD 插件教程,Adob XD 插件使用方法,Adob XD 扩展,Adob XD 第三方集成

交流QQ群

Adobe XD入门到精通视频课程
交互插件团购

请使用手机扫描二维码加入QQ群