进阶-必学的提效技巧

一、穿透选中

使用容器或编组时,常出现图层层层嵌套,无法在画布上单击选中子图层的情况,提供如下技巧助力快速选择。

如何选中子图层

  • 在原型文件中,点击界面左上角的“☰”菜单,选择 “偏好设置”。

原型文件偏好设置@3x.png

  • 关闭容器穿透选中:光标默认选中组/外层容器,双击穿透组/容器选择子图层。长按cmd/crtl,直接穿透容器和编组,选中想编辑的图层。

  • 开启容器穿透选中:光标默认直接穿透容器和编组,选中想编辑的图层。

如何找到父图层

  • 选中子图层,按住shift+回车,可选中其上一级图层。

二、自动布局

完成页面制作后,如需要增加或者减少元素时,手动调整布局太费时,可使用自动布局功能,创建响应式布局。

自动布局是什么 自动布局是可以创建响应其内容的动态容器,可代替编组,快速组织图层并调整间距。

通过自动布局,你可以做到:

  • 按钮:可以通过调整文本内容来控制整个按钮的大小。

  • 列表:可以通过添删内容、调整内容顺序来重新排列布局。

  • 元素:可以通过复杂的调整设置来响应布局容器。

如何使用自动布局

探索自动布局功能:自动布局

布局智能化,告别排版烦恼

三、容器约束

约束是指在容器内部,设计元素之间的相对位置和行为规则,可实现缩放父级容器时,子图层的位置保持相对固定。 约束@3x.png

MasterGo 暂不支持取消约束,可以按住 Command 键调整容器大小来忽略约束的效果。

探索约束功能:约束

四、团队库使用

团队库用于集中管理和共享团队的样式与组件。

原型文件不支持发布团队库,但可以使用团队成员发布的团队库或预置组件库,使原型界面更符合业务需求。

如何订阅团队库

订阅设计师团队库@3x.png 1、点击界面左侧资源栏的「组件」按钮。

2、打开团队库弹窗

快捷键: macOS :Optin+Command+4

Windows :Alt+Ctrl+4

在“资源库-组件”中,点击右上角的「团队库」图标。

3、在 “我的团队” 中,可查看并开启设计师的团队库订阅开关。

4、在 “此文件 - 预置组件库” 中,可查看并开启预置组件库的订阅开关。

如何使用样式

订阅团队库后,可使用团队库中的样式,包括圆角、自动布局中的间距和边距、文字、颜色、描边、特效和布局网格。 样式@3x.png

  • 选中图层,点击右侧属性栏的「使用样式」按钮。

  • 支持搜索和使用团队库中的样式。

五、复制Tips

  • 想把容器快速分享给同事——复制容器链接。

  • 想把画板快速粘贴到PRD中——复制为图片。

  • 想拖拽图层创建副本——长按option/Alt。

c4fddd2e-ad93-4310-a794-f9ce900e3dd4.png

评价此篇文章:👍🏻 有帮助 👎🏻 无帮助

👉本篇文章对你是否有帮助?👍🏻 有帮助 👎🏻 无帮助,我们期待着你的反馈。