MasterGo AI通过自动布局与AI局部修改组合实现原型稿自动格式整理：先启用自动布局响应内容变化，再用AI指令批量调整样式，结合预置组件库保障一致性。
☞☞☞AI 智能聊天, 问答助手, AI 智能搜索, 多模态理解力帮你轻松跨越从0到1的创作门槛☜☜☜
MasterGo AI 本身不提供“自动格式整理”这一独立配置项，但它的自动布局 + AI 局部修改组合，就是实现原型稿自动格式整理的核心路径。关键不是单独配AI，而是用对功能组合和触发方式。
启用自动布局：让排版响应内容变化
这是格式整理的底层支撑。没有它，AI生成的稿子一旦增删元素，就得手动调间距、对齐、重排。
- 选中一个容器（比如卡片列表、导航栏、表单区域），右键选择「启用自动布局」或点击顶部工具栏「自动布局」按钮
- 设置主轴方向（水平/垂直）、间距、对齐方式、是否换行等参数；支持嵌套多层自动布局
- 之后新增组件、删除组件、文字长度变化时，整个容器会自动重排，无需手动拖拽
用 AI 模式做局部格式优化
自动布局解决结构响应，AI解决语义化调整——比如“把所有按钮统一圆角”“标题行高设为24px”“卡片间距拉大到16px”。
MaterialDesign风格下拉菜单jquery插件
下载
menu.js是一款Material Design风格的jquery下拉菜单插件。通过menu.js插件，你可以非常轻松的制作出Material Design风格的下拉菜单或下拉列表。 使用方法 在页面中引入样式文件menu.css和jquery.min.js、menu.js文件。
- 在已生成的设计稿上，选中需要调整的图层（可多选），点击顶部AI图标 → 选择「AI 修改」
- 输入自然语言指令，例如：
• “所有按钮圆角改为8px”
• “主标题字号放大到20px，加粗”
• “卡片之间垂直间距统一为24px” - AI会实时识别图层类型与样式，批量应用修改，比手动逐个调快得多
结合预置团队库提升一致性
如果团队有统一设计规范，提前配置好预置组件库（如Ant Design或自定义库），AI生成+修改时会优先复用规范内组件，天然减少格式混乱。
- 进入「团队设置 → 组件库 → 预置组件库」，开启对应设计系统（如Element UI）
- 后续使用「AI生成界面」或「AI修改」时，AI会自动匹配该库中的按钮、输入框、卡片等组件样式
- 即使上传草图生成，AI也会按规范库还原，避免风格跳变
高频场景建议操作流
比如刚用AI生成一页后台列表页，发现表格列宽不均、操作按钮大小不一、文字对齐错乱：
- 先给表格容器启用自动布局（垂直方向，间距12px）
- 全选所有操作按钮 → AI修改 → 输入“统一宽度100px，高度32px，圆角6px”
- 选中所有文字图层 → AI修改 → 输入“正文行高设为1.5，左对齐”
- 最后整体选中页面 → AI修改 → 输入“所有间距按8px倍数对齐”
