MasterGo AI通过自动布局、约束、布局网格和智能排列四大功能实现高效设计。自动布局响应内容变化，约束保障多端适配，布局网格统一视觉节奏，智能排列快速整理图层，四者协同提升设计效率与一致性。
☞☞☞AI 智能聊天, 问答助手, AI 智能搜索, 多模态理解力帮你轻松跨越从0到1的创作门槛☜☜☜
MasterGo AI 不是靠“猜”来排版，而是把布局逻辑变成可响应、可约束、可复用的智能规则。它不替代设计师的判断，而是把重复调整的过程自动化，让原型真正服务于逻辑验证，而不是被像素对齐拖慢节奏。
自动布局适配内容变化
当卡片数量增减、文案长短浮动、按钮状态切换时，传统方式要手动拖动、重设间距、重新对齐。自动布局则把容器和子元素的关系定义清楚——比如“所有卡片横向排列，间距固定为16px，超出宽度自动换行”，AI会实时计算并重排。新增一条笔记、删掉一个筛选项，整个区域自动收缩或延展，不用再逐个调位置。
- 设置方式：选中容器 → 右侧属性栏开启「自动布局」→ 选择方向（水平/垂直）、对齐方式、间距值
- 适用场景：瀑布流列表、标签组、表单字段组、底部Tab栏
约束功能应对多端适配
同一个原型要跑在iPhone、iPad、Web端，每个尺寸都要单独调？约束功能让关键元素“钉”在框架里。比如把返回按钮固定在左上角，搜索框始终居中且左右留白一致，用户头像永远贴右上角——拉伸画布时，它们不会乱跑，只按预设规则响应。
- 常见组合：顶部Logo + 左对齐（水平左，垂直顶）；主按钮 + 底部居中（水平居中，垂直底）
- 小技巧：多个约束叠加时，优先级由锚点决定，建议先设外层容器约束，再调内部组件
布局网格统一视觉节奏
没有网格的原型，容易出现“这个模块宽320px，那个卡片宽318px，间距看着就不齐”的问题。MasterGo 的布局网格不是装饰线，而是强制对齐的基准——你可以设8px/12px/16px栅格，所有组件边缘、文字基线、图标中心都会自动吸附到最近的网格线上。
- 推荐设置：移动端用8px网格，桌面端用12px；配合自动布局使用，效果更稳定
- 团队协作时，统一开启同一套网格参数，能大幅减少“为什么我做的和他看起来不一样”的沟通成本
智能排列快速整理杂乱图层
设计中途加了十几个图标、按钮、标签，画布越来越乱？选中一组图层 → 右键 →「智能排列」→ 选“水平等距”或“垂直网格”，AI立刻按当前画布空间均匀分布，并支持微调间距数值。比手动拖拽快5倍，而且绝对精准。
- 注意：智能排列前建议先分组，避免把标题、正文、操作按钮混在一起排
- 进阶用法：结合「约束+自动布局」，让排列结果在后续缩放中依然保持结构
不复杂但容易忽略的是：这些功能不是孤立使用的。比如做一个电影详情页，先用布局网格定下整体节奏，再用约束把评分和播放按钮锁在右上角，接着用自动布局管理演员卡片区，最后用智能排列整理底部Tab。整套流程下来，改需求时只改文案或增删字段，布局几乎不用碰。
