13568845006
Sketch新手
Sketch新手
  • UID26043
  • 发帖数1
  • 威望40点
阅读:1621回复:0

摹客iDoc - 更高效的产品协作平台

楼主#
更多 发布于:2018-11-19 11:43
“7天UI设计训练营”


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

图片:0.png


一起看看如何使用吧。
三分钟玩转摹客idoc视频: https://doc.mockplus.cn/?p=4506
摹客iDoc Sketch插件
安装插件
前往https://idoc.mockplus.cn/download/sketch
使用
1. 保存当前 Sketch 文档。
2. 执行 Plugins > 摹客 iDoc,在弹出的对话框中登录摹客账号。
3. 标记切图
选中需切图的图层或编组,点击 Sketch 右下角 Make Exportable 完成切图标记。
4. 上传设计稿,只有在 iDoc 中进行协作。

摹客iDoc PS插件
安装插件
前往https://idoc.mockplus.cn/download/ps
使用
1. 保存当前PS文档。
2. 在「窗口>扩展功能」找到摹客 iDoc 插件,打开并登录摹客账号。
3. 标记切图
选中需要切图的图层或编组,点击「标记切图」。名称前增加“-e-”,「标记切图」变为「取消切图标记」,此时切图操作便完成了。
4. 上传设计稿,之后在iDoc中进行协作。

摹客iDoc Adobe XD插件
安装插件
在 XD菜单栏找到「插件 > 管理插件 > 所有插件」,在面板中搜索 iDoc。或前往https://idoc.mockplus.cn/xd。注:Adobe XD 需更新到13.0以上版本。
使用
1. 保存当前XD文档。
2. 执行「菜单栏>插件」,打开摹客 iDoc 插件并登录摹客账号。
3. 标记切图
选中需要切图的图层或编组,在图层栏中点击「添加批量导出标记」图标
4. 上传设计稿,之后在iDoc中进行协作。

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

返回顶部