mastergo中画布无限延展不可导出,画板由容器工具(f)创建,具尺寸、命名、导出等能力;需用容器替代区域工具,按步骤建立多端画板并启用自动布局实现联动。

在MasterGo中构建UI界面时,必须明确画布与画板的本质区别:画布无限延展、无固定边界,而画板是人为划定的可视区域,用于模拟设备屏幕或页面区块。直接在画布上堆叠元素会导致协作混乱、导出错位、响应式适配失效。
理解画布的底层逻辑
打开新文件后看到的深色背景即为画布,它不设尺寸上限,可向任意方向无限滚动。按 Command+0(Mac)或 Ctrl+0(Windows)可重置缩放至100%视图。画布本身不可导出、不可设背景色、不参与像素预览——它只是承载所有设计内容的“大地”。
若误将内容直接铺满画布而不放入容器或画板,团队成员在查看时会因默认缩放比例不同而看不到关键区域,且无法对齐参考线或网格。
用容器替代传统画板
MasterGo已弃用独立“画板工具”,统一由容器工具(快捷键 F)承担画板功能。点击工具栏方块描边图标(或按F),在画布上拖拽即可创建一个带边框的矩形容器。
这个容器就是你真正的“画板”:可设置宽高(如375×812模拟iPhone)、可命名(双击标题修改为“首页-移动端”)、可设背景色、可开启像素预览、可单独导出。它支持嵌套、约束、自动布局,比传统画板更灵活。
注意:不要用“区域工具(Q)”代替画板——区域仅用于逻辑分组和研发标注,不具备尺寸控制与导出能力。
快速建立多端画板体系
第一步:用容器工具(F)创建第一个画板,设尺寸为1440×1024(桌面端);
第二步:在其右侧空白处再拖一个容器,设尺寸为375×812(iOS);
第三步:继续向下拖一个容器,设尺寸为414×896(Android);
第四步:选中这三个容器 → 右键 → “对齐” → “水平居中” + “垂直等距分布”,确保视觉节奏一致;
第五步:全选三个容器 → 按 Shift+A 添加自动布局 → 设置主轴为“垂直”,间距设为80 → 后续增删画板,它们会自动重排。
这样搭建的画板组具备联动性:调整顶部容器高度,下方所有画板自动下移;删除中间画板,上下两个自动闭合间距。避免手动拖动错位。
把已有内容塞进画板
方法一:框选画布上散落的图层 → 按 Ctrl+G(Win)或 Cmd+G(Mac)打组 → 再拖入目标容器内;
方法二:直接拖拽单个图层到容器边缘,当容器边框高亮显示时松手,图层自动成为该容器子图层;
方法三:选中图层 → 右侧属性栏「约束」中将「水平」「垂直」均设为“左上”,防止拉伸错位。
⚠️重要提醒:若图层原在画布层级,直接拖入容器后其坐标会继承画布绝对位置,可能出现在容器外。务必拖入后按 Home 键将其归位到容器左上角,再手动调整。











