ai可直接通过文字描述生成弹窗,支持自然语言输入类型、内容、交互和风格参数,生成后可设为组件复用、文字指令微调,并在原型中配置交互实现真实反馈。
☞☞☞AI 智能聊天, 问答助手, AI 智能搜索, 多模态理解力帮你轻松跨越从0到1的创作门槛☜☜☜

直接用文字描述就能生成弹窗样式,不需要手动画框、排版或调样式。
输入明确的弹窗需求描述
在 AI 生成界面中,用自然语言说明弹窗的用途、结构和视觉要求。关键要素包括:
- 弹窗类型:比如“登录弹窗”“确认删除弹窗”“表单提交成功提示”
- 包含内容:标题、正文、输入框(如用户名/密码)、按钮(“确定”“取消”“关闭”图标)
- 交互细节:是否带遮罩层、是否可拖拽、是否点击背景关闭
- 风格参数:主题色(如 #4A90E2)、圆角(如 8px)、字体大小、暗色模式支持
参考可用的提示词写法
避免模糊表达,用具体词汇提高生成准确率。例如:
- “生成一个居中弹窗,用于用户修改密码:含标题‘修改密码’、旧密码/新密码/确认新密码三个输入框、‘取消’和‘保存’按钮,主色调为蓝色,圆角6px”
- “轻量级提示弹窗:显示‘操作成功’图标+文字,底部只有一个‘知道了’按钮,无遮罩,自动3秒消失”
- “后台系统中的删除确认弹窗:顶部有警告图标,正文‘确定要删除该订单吗?此操作不可撤销’,按钮为‘删除’(红色)和‘取消’(灰色)”
生成后快速调整与复用
AI 生成的弹窗默认插入到画布,你可以立即编辑:
- 选中弹窗图层,右键选择“设为组件”,方便后续复用
- 用文字指令微调:“把按钮间距加大20%”“标题字号改为18px”“添加阴影效果”
- 复制弹窗图层,粘贴到其他页面,再输入新提示词生成不同状态(如加载中、失败、成功)的配套弹窗
结合原型交互加真实反馈
生成弹窗后,可在 MasterGo 原型模式中设置触发动作:
- 给按钮添加“点击时 → 显示弹窗”交互
- 为弹窗内的“关闭”按钮设置“点击时 → 隐藏自身”
- 预览时直接点击测试动效和逻辑,不用切开发环境











