设计师必看的 MasterGo 上手指南

MasterGo

官方 · 2023年03月28日

欢迎来到MasterGo MasterGo 是一款协同时代的产品设计工具,实现了围绕设计师的产设研协同 all in one,帮助团队提升效率,更快实现你的每一个想法。

这里有一份「设计师新手指南」请查收~如果你刚刚来到这里,想要快速熟悉 MasterGo ,请随我一起开启 MasterGo 的创作之旅吧! 空行.png

一、新手指南

空行.png

Step 1:注册MG账号

方法一:你可以使用微信/钉钉,扫描二维码直接注册你的 MasterGo 账号;

方法二:使用蓝湖账号,直接授权登录 MasterGo;

方法三:你可以通过手机号/邮箱,注册一个 MasterGo 账号;

注册成功后,就可以开始创作了! 空行.png

**Step 2:新建团队

来为你的第一个团队命名吧,你可以填写名称、描述等信息,还可以上传自定义的团队头像。 111.gif 空行.png

Step 3:新建项目

建好团队后,你可以在团队内创建一个新项目。

Tips 如果你是用 Sketch、Adobe XD 完成的设计图,可以直接导入到 MasterGo 中继续创作。 112.png

空行.png

Step 4:进入团队,开始协作

你可以将相关成员邀请进入团队,与他们开始协作,提高效率;你可以复制邀请链接,分享给其他成员;也可以直接添加成员的手机号/邮箱,邀请他们加入。 113.png

恭喜你顺利完成了设计师新手指南任务,接下来,继续解锁更多功能吧! 空行.png

二、如何使用社区资源

空行.png

功能简述

MasterGo 社区是创作者分享设计文件和插件等共享资源的空间,在这里我们可以寻找灵感,激发创意。 空行.png

如何进入社区

方法一:在官网顶部导航栏找到「资源社区」,选择「资源广场」,即可进入 MasterGo 社区。 114.png 空行.png 方法二:进入工作台,找到左侧导航栏,选择资源社区,即可进入 MasterGo 社区。 115.png 空行.png

如何使用社区资源

进入社区后,海量的资源素材供你选择,找到你想使用的资源,点击该资源右下方的「创建副本」图标,或者进入资源详情页点击右上角的「创建副本」,即可将文件复制到工作台草稿箱中。 116.png

回到工作台,打开草稿箱,便可以找到你想使用的资源了。 117.png 空行.png

三、如何使用插件

空行.png

功能简述

在设计工作中,存在大量重复性、复杂性的工作,MasterGo 希望通过插件来简化设计中原有的繁琐步骤,提高设计效率。 空行.png

如何安装插件

在画布中,右键点击任意位置,即可唤起菜单,选择「插件」进入到「插件社区」,这里有丰富的插件可以满足你的设计需求。选择需要使用的插件,点击「安装」。 118.gif 空行.png

如何使用插件

安装完成后,你需要重新回到画布中,右键点击任何位置,选择「插件」,即可看到已经安装完成的插件,点击任意你需要使用的插件,即可唤起插件。 119.gif 空行.png

如何管理插件

在画布中,右键点击任意位置唤起菜单,鼠标 hover 至「插件」,即可在二级展开菜单中看到插件管理功能,点击即可展开插件管理界面。 1110.gif 空行.png

四、设计中有哪些好工具

空行.png

功能简述

在设计过程中,好用的功能可以有效的帮助你提高效率,在 MasterGo 中,有很多实用简单的工具,帮助你更好的完成设计。 空行.png

容器

容器是承载其它图层的 “画板”,通过容器可对其内部图层进行高效的管理和复杂的布局设置。你可以在顶部工具栏选择「容器」工具,或使用快捷键F,创建一个「容器」。 1112.gif 空行.png

钢笔

想要绘制出你需要的形状,使用钢笔工具将锚点连接多条路径 (直线+曲线) ,实现复杂图形创作。你可以在顶部工具栏选择「钢笔」工具,或使用快捷键P,打开钢笔工具。 1113.gif 空行.png

组件

组件是可以在设计中重复使用的元素,选择画布中需要创建为组件的图层,单击「创建组件」按钮,可实现一处修改全局同步。 1114.gif 更详细的「组件」攻略,请点击「了解组件」。 空行.png

团队库

如果你在一个文件中创建了样式和组件,并希望在其他文件中使用,你可以将它们添加为团队库,这样每次更新组件或样式时,都可以将这些更改同步到团队库,并且会允许团队成员查看和更新。 1115.gif 更详细的「团队库」攻略,请点击「团队库」。 空行.png

自动布局

自动布局是可以让你创建响应其内容的动态容器。通过自动布局,你可以做到:

  • 按钮可以通过调整文本内容来控制整个按钮的大小;
  • 列表可以通过添删内容、调整内容顺序来重新排列布局;
  • 元素可以通过复杂的调整设置来响应布局容器;

你可以对容器或多个选中的图层添加自动布局,这里有更详细的「自动布局」攻略。 空行.png

五、如何进行原型演示

功能简述

在 MasterGo ,你可以放心使用原型模式快速创建丰富的交互效果。通过点击、悬停、按下、拖拽、延时等效果在容器与容器间创建交互流程,并进行演示。 空行.png

进入原型模式

在 MasterGo 操作界面点击「原型」,进入「交互原型模式」;选择了画布内的任何一个设计内容,右侧属性栏会显示所选内容的交互设计信息;你可以为容器创建一个流程、添加交互效果和溢出行为。 1116.gif 空行.png

预览演示原型

当你为原型设置好流程和交互之后,就可以进入到演示原型的环节,观看和体验原型的设计效果。 你可以通过以下三种方式进入原型演示:

  • 点击界面右上角的播放按钮,进入演示界面后,选择要演示的流程;
  • 点击画布中「流程起始点」的播放按钮;
  • 在右侧属性面板的流程列表中,点击该流程的播放按钮。

1117.png

想要了解更详细的交互原型攻略,请点击【了解原型空行.png

六、如何协作

空行.png

功能简述

只需一个链接,就可以让设计师们一起创作,产品经理在线评审,工程师查看代码。 空行.png

如何将文件分享给他人

方法一:在工作台页面,找到想要分享的文件鼠标点击右键,选择「分享」,输入用户名/手机号/邮箱,并赋予查看者/编辑者权限,邀请他人进入文件;也可以直接复制下方链接(需开启公开访问),将链接分享给其他人。对方点开链接后,即可查看或编辑该文件。

1118.png 1119.png 空行.png 方法二:在该文件内部,点击右上角「分享」按钮,输入用户名/手机号/邮箱,并赋予查看者/编辑者权限,邀请他人进入文件;或直接复制下方链接(需开启公开访问),将链接分享给其他人。 1120.png 在分享弹窗内,可以设置是否允许查看者创建副本,以及是否隐藏协作者信息。 空行.png

使用评论

空行.png

功能简述

MasterGo 提供了「评论」功能,从原型到设计,有意见图上见。看得见的沟通,让协同再进一步。 空行.png

进入评论模式

在上方工具栏打开「评论模式」,或者使用快捷键 C激活评论,你就可以为设计或原型文件添加文字和表情评论啦,还可以 @ 其他成员,这个成员就会及时收到提示并查看评论,你也可以通过快捷键Shift + C打开或隐藏画布上的评论。 空行.png

添加评论

打开「评论模式」后,点击画布上任何位置都可添加「评论」。

Tips 你可以点击当前评论的【...】选择「编辑」,对评论进行二次编辑;如果你想删除评论,直接点击「删除」即可。

Tips 只有此评论的创建者才具备“编辑、删除”的权限。 1121.png 空行.png

回复评论

你可以直接在线上回复其他成员的评论,或针对评论调整设计文件;当该问题处理完成后,可选择「解决」。 1122.png 空行.png

评论通知设置

你可以在设置中选择接受通知的范围。点击评论区右上角的「设置」,可以选择全部通知、和我相关的通知、不接收通知。 1123.png

以上就是关于 MasterGo 的设计师新手指南,希望能够帮你快速上手,熟悉 MasterGo,就在这里开启新的创作之旅吧!

面向团队的专业在线协同设计平台。

免费使用