MasterGo AI 生成弹窗的关键在于结构化描述四要素：触发场景、内容组成、交互反馈、视觉与状态；需用分号分隔的精准提示词输入，支持从现有页面追加及对话式优化。
☞☞☞AI 智能聊天, 问答助手, AI 智能搜索, 多模态理解力帮你轻松跨越从0到1的创作门槛☜☜☜
MasterGo AI 生成弹窗逻辑，关键不是“画弹窗”，而是让 AI 理解弹窗的触发条件、内容结构、交互行为和视觉状态。它不靠手动拖组件，而靠精准描述“谁在什么时候、为什么、看到什么、能做什么”。
明确弹窗的核心四要素
AI 无法凭空猜出你的业务逻辑，必须把弹窗拆解成可识别的结构化信息：
- 触发场景：是点击按钮？表单提交失败？页面加载完成？还是用户停留超10秒？写清楚动作和上下文，比如“用户点击‘立即试用’按钮后”或“注册邮箱已存在时”。
- 内容组成：标题、正文、主副按钮文字（如“去登录”“稍后再看”）、是否含输入框/勾选项/图标？例如：“标题为‘账号已存在’；正文提示‘该邮箱已被注册，请直接登录或换邮箱’；按钮：‘去登录’（主色）+‘换邮箱’（描边）”。
- 交互反馈：点击按钮后跳转哪？关闭弹窗是否清空表单？按 Esc 或点遮罩层是否允许关闭？需明确，否则 AI 默认全可关闭。
- 视觉与状态：是居中模态窗？带蒙层？圆角大小？是否有动画（淡入/缩放）？是否适配移动端手指操作？例如：“蒙层半透明#00000040；弹窗圆角12px；宽度375px（适配iPhone）；点击‘去登录’跳转至登录页”。
用结构化提示词直接生成
在 MasterGo AI 输入框中，按模块分号分隔，避免模糊表达：
“弹窗类型：表单校验失败提示；触发条件：用户提交注册表单且邮箱已被占用；内容结构：标题‘邮箱已被注册’；正文‘请输入其他邮箱或点击下方按钮直接登录’；按钮‘去登录’（跳转/login）、‘重新输入’（清空邮箱字段并聚焦）；视觉规范：蒙层#00000030；弹窗白底、圆角12px、内边距24px；按钮高度48px；适配移动端”
输入后点击生成，AI 会先解析要点并让你确认，再输出高保真可交互弹窗原型。
从已有界面快速追加弹窗
如果你已有主页面（比如注册页），想在此基础上加弹窗：
- 选中主页面画布，点击右键 → “使用 AI 生成组件”；
- 输入：“在当前注册表单底部添加一个‘邮箱重复’弹窗，样式与页面主色#3A86FF一致，包含标题、提示语和两个按钮，点击‘去登录’跳转到登录页”；
- AI 会自动定位上下文，在原页面关联位置生成弹窗，并保持设计系统一致性（字体、间距、颜色）。
生成后快速调优弹窗逻辑
初版弹窗可能不完全贴合业务，别重画——直接对话式修改：
- 选中弹窗，点击 AI 面板里的“继续优化”；
- 说清楚问题，比如：“把‘重新输入’按钮改成‘忽略并继续’，点击后不清空字段，只关闭弹窗”；
- 或：“增加一个‘记住我’勾选项，勾选后下次不再提示该邮箱”；
- AI 实时响应，无需手动调整图层或交互设置。
