谈到 MasterGo AI 的对齐功能,你可能好奇:它是否像传统设计工具那样,支持一键“自动对齐”?答案是,并没有。它无法通过快捷键(例如 Shift+F7)直接触发对齐操作,但有趣的是,它凭借一套更为智能的机制——规范驱动 + 智能生成 + 布局约束——就能把页面核心模块排列得井井有条。

因此,关键不在于“开启对齐”,而在于让 AI 理解并执行你设定的对齐规则。这件事,拆解为三个阶段来看会更清晰:输入、生成、精修。
明确对齐依据:把设计规范“喂给”AI
AI 不会自行猜测“这里该左对齐还是居中”,它需要你提供明确的参考标准。具体做法是:
- 将 MasterGo 设计稿链接作为唯一基准,明确告知 AI:“所有模块间距、文字对齐方式、图标与文字的基线关系,都严格按照这份稿子执行”;
- 同时补充局部截图(如导航栏、卡片组、表单区域),帮助 AI 快速识别哪些是需要严格对齐的核心模块。例如,按钮文字必须垂直居中,标签与输入框左边缘对齐;
- 如果设计稿中已设定文字对齐方式(例如标题左对齐、副标题居中),或者组件带有水平/垂直居中约束,AI 在生成时会优先继承这些属性。
利用自动布局(Auto Layout)固化对齐关系
生成初稿后,若要稳定模块级对齐,可借助 MasterGo 内置的自动布局能力。具体操作:
- 选中一组元素(例如一个卡片内的图片、标题、价格、按钮),按下 Shift+A 添加自动布局;
- 设置方向(垂直/水平)和间距(如标题与价格间隔 8px),一旦图层被套入自动布局容器,后续修改文字或替换图片,对齐关系都会自动保持;
- 对于需要居中对齐的模块(如轮播图标题),将容器设为“水平居中+垂直居中”,再把文本框放入其中,AI 就不会破坏这一约束;
- 通过多层嵌套自动布局,可分段控制对齐:外层控制整体居中,内层控制图标与文字基线对齐。
在 Chat 或 Agent 模式中直接指令对齐细节
如果 AI 输出出现错位(例如按钮文字偏上、列表项未左对齐),无需手动拖动,直接用自然语言修正:
- “请将所有卡片中的‘加入购物车’按钮文字改为垂直居中,并与图片底部对齐”;
- “把筛选栏中的所有标签文字统一设置为左对齐,且首字符与左侧边距保持 16px”;
- “调整数据看板中折线图标题,使其与图表容器顶部间距为 12px,且水平居中”。
这类指令在 Chat 模式下响应精准,在 Agent 模式下还能联动画布实时重绘,比手动调像素要可靠得多。
其实,整个流程并不复杂,只是容易忽略。理解了这套逻辑,你再与 MasterGo AI 配合时,便能将对齐这件事做得既稳定又自然。
