在开始之前，有必要先澄清一个常见误区：MasterGo 目前并没有所谓的一键 AI 对齐功能。截至 2026 年 7 月，它的 AI 能力——例如「快搭」生成页面、需求分析、design.md 匹配——主要聚焦于原型生成、结构搭建和规范推荐，并不直接干预画布上的图层对齐与间距控制。
它不会像你想象的那样：选中几个按钮，点一下 AI 对齐，就能瞬间自动拉平、等距分布——这种操作在 MasterGo 里并不存在。所谓“AI 自动对齐”，更多是用户对功能的误解或混淆。真正支撑对齐和间距一致的，依然是传统但高效的手动加自动布局组合方案。
下面直接说明如何落地实现。
用自动布局容器统一管理对齐与间距
自动布局是 MasterGo 中最可靠、最可控的方式，尤其适合图标组、按钮栏、列表项这类重复结构。
- 创建自动布局：选中多个图层 → 按 Shift+A 或点击右侧「自动布局」按钮
- 设置方向：横向/纵向切换（对应水平排列或垂直堆叠）
- 固定间距：在右侧面板输入统一数值（如 12），所有相邻子图层间将严格保持该距离
- 边距控制：可单独设置上/下/左/右边距（展开后支持“左,上,右,下”四值输入），让整体容器与父级对齐更精准
⚠️ 注意：一层自动布局只支持一种子项间距。若需要混合间距——比如首尾间隙大、中间紧凑——需嵌套多层自动布局才能实现。
利用分布式间距应对响应式等距需求
适用于 Tab 栏、工具栏等需要随容器宽度动态调整间距的场景。
- 选中多个图层 → 开启「分布式间距」（在对齐面板中）
- 拉伸容器宽度时，系统自动重算各图层间的空白区域，确保首尾贴边、中间等距
- 此模式不依赖固定像素值，而是以容器为基准做比例分配，适合适配不同屏幕宽度
手动对齐 + 参考线 + 网格辅助提升精度
当图层未纳入自动布局时——比如临时调整、复杂嵌套组件——依然可以高效对齐：
- 开启画布网格（View → Show Grid），配合「对齐到像素网格」确保落点精准
- 使用参考线：拖拽标尺生成参考线，或按住 Ctrl/Cmd 拖动图层边缘吸附到已有图层边界
- 多图层对齐操作：选中 ≥2 个图层 → 右键 → 「对齐」→ 选择「左对齐」「居中对齐」等；再配合「分布」命令（需 ≥3 个图层）实现等距
避免常见失效情况
有些时候“对齐没反应”或“间距不一致”，往往是下面几个原因造成的：
- 图层被锁定或处于不可编辑状态（检查图层面板锁图标）
- 图层属于不同组件实例且未解构（右键 → 「解除组件实例」或「分离实例」）
- 存在嵌套自动布局，外层容器设置了 padding/margin，干扰内层计算
- 使用了「适应内容」或「比例锁定」，导致尺寸变化影响相对位置
真正能保证 UI 一致性与开发还原度的，不是等待 AI 替你调像素，而是把自动布局作为默认工作流，配合明确的模度系统——比如 4/8 倍数间距、L1/L2/L3 边距规范——来约束设计行为。AI 在 MasterGo 里是“搭骨架”的助手，而“调细节”的活，还得靠清晰的结构和严谨的习惯。