一、产品概述
麦芽 AI 可根据用户需求，快速生成可直接交付的高保真产品原型，支持可视化调整与快速迭代。平台兼容新旧系统开发场景，能基于历史工程分支还原原型，有效提升产品设计与研发的协同效率。
- 新产品开发：与 AI 对话描述需求 → 生成高保真原型 → AI 优化原型页面 → 优化完成后发布并同步至研发
- 旧产品迭代：选择历史工程分支 → 还原历史原型 → AI 优化原型页面 → 优化完成后发布并同步至研发
二、创建产品
（一）进入需求创建页面
点击“新建任务”，进入工作台，选择写画原型tab
（二）精准提示词输入
在文本输入框输入你的提示词
输入提示词时需尽可能详细、准确地描述你期望开发的应用的功能、界面、交互等方面的要求。你也可以在输入框中添加参考原型、文档、系统分支和素材，以便麦芽AI生成更符合需求的应用
🌟纯文本提示词
你需要尽可能清晰且详细地描述应用的功能、界面设计、业务逻辑等方面的要求。
例如，你可以输入以下提示，创建一个移动端的旅游行程规划APP：
帮我创建一个移动端APP，我添加多个目的地后，自动帮我生成多种旅行方案，包含各目的地之间的交通方式及交通时间，并推荐最优的酒店选址区域。
（三）参考附件上传
参考文档的具体功能点介绍的（三）添加参考附件片段——写文档的具体功能点介绍
三、智能原型生成
麦芽AI收到你的需求之后，将立即启动需求分析，逐步生成所有涉及的原型页面，生成完毕后，提供一个可视化的原型菜单界面供你选择预览。
四、澄清需求与原型优化
（一）整体项目调整
基于整个项目提出修改需求 例如，你可以输入以下提示，修改整体设计风格：
按照Google Material Design 3的规范进行风格调整
要求：
（1）视觉风格：遵循“纸张与墨水”隐喻，界面元素分层级呈现，使用2-4dp的柔和阴影区分组件层级（卡片＞按钮＞文字）
（2）色彩系统：主色调为[#6200EE]，辅助色为[#03DAC6]，文字与背景对比度符合WCAG 2.1 AA级标准
（3）组件规范：按钮采用圆角矩形（4dp），点击触发波纹扩散动画；输入框带悬浮标签，聚焦时底部边框高亮；卡片组件圆角8dp，带轻微阴影
（4）排版规则：标题使用Roboto Medium字体，正文使用Roboto Regular字体，字号层级清晰（标题16sp、正文14sp、辅助文字12sp）
（二）项目管理功能
- 修改项目名称
点击支持修改该项目的名称
- 需求总结
点击展开查看需求执行总结，可查看对应需求调整结果
- 新增原型组
点击支持在当前项目下新增原型组，例：
我需要区新增“小程序端”原型组
- 创建新迭代
支持在各历史版本中选择原型页面生成新的迭代版本
- 展示模式选择
支持管理产品的展示，可选择桌面、平板、手机，三种展示模式
- 演示
点击进入该产品的页面演示环境
- 下载选中页面
支持在页面列表选择要导出页面名称，一键下载导出选中页面的HTML文件
- 新增单个页面
支持在原型组下新增单个全新页面
- 复制历史页面
支持选择不同项目下的历史版本页面进行复制，在对应原型组下增加一模一样的页面
- 原型组/单个页面的删除
可以针对具体原型组/单个页面进行删除，删除的原型无法找回
- 原型组
- 单个原型
- 修改单个原型页面名称
（三）单个页面精细调整
🌟可以针对单个具体页面进行需求调整
点击待调整页面的新窗口打开
在单独页面的设计调整中，你可以通过以下操作来使原型达到你的需求
- 纯文本提示词可在文本输入框输入纯文本提示词来调整当前页面的功能及需求，例：热门目的地支持“查看更多”，点击跳转更多城市查看列表
- 参考素材
可选择素材，上传图片之后作为页面内的logo、图标、背景图等素材使用
- 版本切换与查看
原型页面AI每调整一次将记录一个版本，点击版本展开下拉框支持切换查看对应版本页面内容
- 切换为当前版本
支持切换历史版本为当前版本，代表原型页面使用的最后确定版本。
仅支持将预览版本切换为当前版本的时候才可进行需求修改
- 查看页面PRD需求说明
点击按钮查看当前版本页面需求说明文档，文档内容支持编辑
- 全屏预览
点击支持当前页面的全屏预览功能，进入全屏预览后点击"ESC"退出全屏查看
- 演示
点击支持进入当前项目的演示环境，支持各页面之间的切换查看
- 局部调整
点击进入局部调整，选中页面中想要调整的部分元素，输入调整需求，例：
将卡片内的卡路里文案改为热量消耗，选中对应元素后再点击编辑，即可实时编辑页面文案内容
- 代码编辑
点击进入当前页面的前端页面代码编辑页，支持通过代码修改页面内容
- 下载HTML
点击下载当前版本页面的HTML文件