先说结论:MasterGo AI 并没有一个名叫“AI自动对齐”的独立按钮。它不会智能分析图层、自动吸附或计算间距。但别急着下结论——真正的“自动对齐”,其实是依靠AI快搭生成结构化内容 + 自动布局(Auto Layout)+ 人工设定规则三者协同完成的。
换句话说:AI负责搭建自带“逻辑骨架”的初始结构,自动布局让这个骨架具备弹性与自适应能力,而设计师只需定义一次规则,后续所有对齐与间距都由系统自动维持。听起来是不是没那么玄乎?

具体如何实现?接着往下看。
AI快搭生成即带结构逻辑
当你用自然语言描述一个用户卡片,比如“带头像、昵称、简介和关注按钮”,MasterGo AI快搭生成的并非一张图片,而是一组已经按语义组织好的矢量图层。头像、文字、按钮各安其位——默认垂直堆叠,间距合理,对齐锚点清晰。这相当于施工前先铺好了地基,省去了手动摆放位置、调整对齐的初始工作。
自动布局接管后续对齐与间距维护
生成后,一键给容器启用自动布局(快捷键 Shift+A),后续工作瞬间变得轻松:
- 所有子元素按你设定的方向(纵向或横向)自动对齐——左对齐、居中、右对齐,任你选择
- 间距值(例如元素间隔8像素)被统一设定并锁定,增删元素时,间距会自动保持,无需手动再调
- 边距可独立设置(顶部16像素、底部24像素),支持逗号分隔输入,灵活度很高
- 拉伸容器宽度时,内部元素自动重排,文字换行、按钮缩放都能同步适配,对齐关系也不会乱
这相当于给你的设计稿装上了“自适应能力”——修改文字、替换图标后,只要不解除自动布局,对齐与间距都不用操心。
布局网格辅助视觉对齐
如果你需要更严格的像素级对齐,比如图标网格或栅格列分布,可以在容器中添加布局网格。例如选择“栅格列”,设为12列、槽宽16像素,所有子元素会自动吸附到列线上。栅格行则用于控制垂直节奏,配合自动布局,能实现跨设备的统一呼吸感。
但需注意:布局网格与自动布局是互斥的,只能二选一。通常建议自动布局管逻辑,网格管视觉精度——两者结合,效果最佳。
操作建议的优先级也很清晰:
- 新建高保真原型时,先用AI快搭生成框架,再整体启用自动布局
- 修改文字或替换图标后,无需手动调整位置——只要不解除自动布局,一切自动生效
- 需要微调时,直接在画布上拖动手柄,或在右侧面板精确输入数值(支持负值堆叠)
- 多层嵌套更灵活:外层控制整体尺寸,内层控制组件间距,避免“一层全设”导致冲突
这些细节并不复杂,但容易忽略。掌握之后,设计效率会有质的提升。
