进阶-必学的提效技巧
一、穿透选中
使用容器或编组时,常出现图层层层嵌套,无法在画布上单击选中子图层的情况,提供如下技巧助力快速选择。
如何选中子图层
- 在原型文件中,点击界面左上角的“☰”菜单,选择 “偏好设置”。
-
关闭容器穿透选中:光标默认选中组/外层容器,双击穿透组/容器选择子图层。长按cmd/crtl,直接穿透容器和编组,选中想编辑的图层。
-
开启容器穿透选中:光标默认直接穿透容器和编组,选中想编辑的图层。
如何找到父图层
- 选中子图层,按住shift+回车,可选中其上一级图层。
二、自动布局
完成页面制作后,如需要增加或者减少元素时,手动调整布局太费时,可使用自动布局功能,创建响应式布局。
自动布局是什么 自动布局是可以创建响应其内容的动态容器,可代替编组,快速组织图层并调整间距。
通过自动布局,你可以做到:
-
按钮:可以通过调整文本内容来控制整个按钮的大小。
-
列表:可以通过添删内容、调整内容顺序来重新排列布局。
-
元素:可以通过复杂的调整设置来响应布局容器。
如何使用自动布局
探索自动布局功能:自动布局
三、容器约束
约束是指在容器内部,设计元素之间的相对位置和行为规则,可实现缩放父级容器时,子图层的位置保持相对固定。
MasterGo 暂不支持取消约束,可以按住 Command 键调整容器大小来忽略约束的效果。
探索约束功能:约束
四、团队库使用
团队库用于集中管理和共享团队的样式与组件。
原型文件不支持发布团队库,但可以使用团队成员发布的团队库或预置组件库,使原型界面更符合业务需求。
如何订阅团队库
1、点击界面左侧资源栏的「组件」按钮。
2、打开团队库弹窗
快捷键: macOS :Optin+Command+4
Windows :Alt+Ctrl+4
在“资源库-组件”中,点击右上角的「团队库」图标。
3、在 “我的团队” 中,可查看并开启设计师的团队库订阅开关。
4、在 “此文件 - 预置组件库” 中,可查看并开启预置组件库的订阅开关。
如何使用样式
订阅团队库后,可使用团队库中的样式,包括圆角、自动布局中的间距和边距、文字、颜色、描边、特效和布局网格。
-
选中图层,点击右侧属性栏的「使用样式」按钮。
-
支持搜索和使用团队库中的样式。
五、复制Tips
-
想把容器快速分享给同事——复制容器链接。
-
想把画板快速粘贴到PRD中——复制为图片。
-
想拖拽图层创建副本——长按option/Alt。
评价此篇文章:👍🏻 有帮助 👎🏻 无帮助
👉本篇文章对你是否有帮助?👍🏻 有帮助 👎🏻 无帮助,我们期待着你的反馈。