MasterGo中启用AI功能可实现UI设计稿自动化预览，需使用Agent模式、精准描述结构/样式/约束，并通过预览校验微调后插入画布；多页可复用迭代生成。
☞☞☞AI 智能聊天, 问答助手, AI 智能搜索, 多模态理解力帮你轻松跨越从0到1的创作门槛☜☜☜
直接在 MasterGo 里启用 AI 功能就能实现 UI 设计稿的自动化预览，不需要额外安装插件或配置服务器。关键在于用对模式、写准描述、选好上下文。
明确使用 Agent 模式生成预览图
MasterGo AI 的「Agent 模式」是专为设计生成优化的交互方式，它能理解结构意图并实时渲染预览，不是简单聊天。进入新建文件后，点击顶部工具栏的 AI 图标 → 选择「AI 生成界面」，即进入 Agent 模式。此时输入框默认支持自然语言，系统会自动解析页面类型（网页/移动端/后台）、模块关系和视觉倾向。
描述要带结构+样式+约束条件
光写“做一个登录页”效果有限；有效描述需包含三层信息：
- 结构层：比如“顶部 Logo + 中间表单区域（含手机号输入框、验证码输入框、登录按钮）+ 底部第三方登录图标”
- 样式层：比如“主色 #2563EB，圆角 8px，字体大小统一为 14px，按钮高 48px”
- 约束层：比如“适配 iPhone 14 尺寸”“暗色模式下文字自动反色”“所有间距按 8px 基准倍数”
这样 AI 才能输出接近可用的预览图，而非风格模糊的示意草稿。
用好「插入到画布」前的预览校验环节
生成后不会直接上画布，而是先展示一个可滚动的预览视图，左侧同步列出已识别的组件层级（如 Header / Card / Button Group）。这时可以：
- 滚动查看完整布局是否符合预期
- 点击任意区块，右侧弹出微调面板，支持改文字、换色值、调间距
- 输入新指令，比如“把按钮文字改为‘立即体验’”“将卡片阴影强度降低 30%”，AI 会局部重绘并更新预览
确认无误再点「插入到画布」，图层即自动展开为可编辑状态。
多页预览建议复用+迭代生成
做整套流程时，不要每页都从零描述。例如首页生成后，复制该页面 → 在新页点击 AI 图标 → 输入“基于上一页生成商品详情页，增加大图展示区、参数表格、浮动购买按钮”，AI 会继承原有设计语言，保持色彩、字体、组件尺寸一致性，预览图也更可控。
