用AI生成产品原型图，先说明用户、任务和需要的页面，得到初稿后检查内容与流程，再通过对话或编辑器修改，最后分享可点击的评审版本。关键不是一次生成尽可能多的页面，而是先让一条主要路径可以被理解、被修改和被讨论。
准备把AI生成用于持续项目时，可按AI产品原型工具选型方法检查输入、编辑和团队评审能力，再决定是否沿用当前工具。
新手可以从墨刀AI生成可编辑原型开始。本篇延续运动健身APP的起稿过程，讲清怎样输入需求、发现缺页、局部修改和交付。生成耗时会随页面复杂度和处理情况变化，先完成一个小范围任务更容易判断结果是否可用。
为什么选择AI生成产品原型图
手工绘制和AI起稿都能复用。手工原型可以使用模板、组件和母版，适合精确安排结构与交互；AI则能把自然语言描述快速转成候选页面，适合帮助团队摆脱空白画布。选择哪种方式，取决于需求成熟度与需要控制的细节，不是“手工必须从零重画”。
早期草图的价值，是让模糊想法变成可以讨论的对象。AI生成也服务这个目的：产品经理可拿初稿讨论范围，设计师可比较信息层级，创业团队可演示核心任务。已经有稳定设计规范的项目，仍要让初稿遵守组件、文案和业务规则。
AI可以帮助整理页面内容、尝试布局和继续修改，却不会自动知道你的库存规则、会员权限或接口状态。输出中的数据与图片也需要替换成适合项目的材料。初稿看起来完整，不代表每条业务路径都已经成立。
适合先用AI的任务通常边界较清楚，例如“运动记录首页”“课程列表与详情”“训练完成反馈”。只写“做一个健身平台”，可能同时得到社交、商城、直播等很多页面，却没有解决本轮真正要讨论的问题。
AI生成产品原型图工具如何选
选择工具时，拿同一份小需求比较生成结果。先查看内容是否对应任务，再尝试修改一段文字、一个重复模块和一条页面路径。能否继续推进工作，比第一张图是否惊艳更重要。
- 生成对象：拿到的是静态图片、HTML页面还是可编辑原型；不同结果适合不同用途，不能相互代替。
- 修改方式：能否局部改动，能否继续手动调整；修改一处后，其它已经确认的内容是否被误改。
- 交互表达：主要入口、返回路径和必要状态能否演示；展示一个按钮不等于按钮背后的流程已完成。
- 团队衔接：同事能否打开同一版本讨论，后续如何继续编辑与说明规则；不只检查截图导出。
需要比较不同产品时，可看AI原型工具的任务与选择差异。如果当前任务是把需求变成可讨论页面，墨刀AI可以辅助起稿，再进入原型编辑与评审；复杂业务规则仍要通过页面状态和说明补齐。
运动健身APP：从需求到可评审原型
先把“运动健身APP”缩成一个明确目标：用户看懂今天的训练安排，进入训练详情，完成后查看记录。课程商城、社交打卡与会员付费暂不加入。第一版需要的是训练相关页面及其连接，不是具备后台服务的正式App。
输入需求：先确定页面职责
你可以把下面这段需求作为开始材料，再替换项目中的名称与规则。页面数量来自本次任务范围，不是工具的固定要求。
为运动健身APP生成手机端原型。
用户：已有训练目标的普通会员。
任务：查看今日计划，阅读训练详情，完成训练后查看记录。
页面：今日计划、训练详情、训练记录、个人资料。
今日计划显示训练名称、预计时长、强度和开始入口；
详情显示动作顺序、器械要求和注意事项；
记录显示日期、已完成训练与完成状态；
个人资料只显示目标与基础信息，本轮不做会员付费。
补充没有训练计划、训练中断和暂无记录三种状态。
先生成页面结构，不添加社交、商城和广告模块。
示例训练内容用于讨论界面，不作为个人运动处方。
需求输入后，先阅读AI整理出的页面或方案。检查它是否把“计划”“课程”和“记录”混成一个对象，是否额外增加不需要的模块。如果任务说明不一致，先修正方案，再继续生成画面，能减少后面的结构返工。
例如AI把“完成训练”理解成“购买课程”，可明确追问：“本轮不涉及购买，把主按钮改为开始训练，完成后进入训练记录；保留原有四个页面，删除购买价格与支付入口。”相比“再优化一下”，这样的指令能指向可检查的变化。
生成初稿：按页面职责检查
收到初稿后，先核对页面是否齐全、核心信息是否可见。首页中的活动卡片、训练详情中的参数、记录页中的图表可以帮助讨论信息层级，但它们不能证明底层数据与真实设备已经接通。
| 检查对象 | 应看到什么 | 发现问题后怎样追问 |
|---|---|---|
| 今日计划 | 训练名称、强度、预计时长与开始入口 | 把训练入口放在当前计划旁，减少无关推荐；没有计划时提供选择方向 |
| 训练详情 | 动作顺序、器械要求、开始与返回 | 按动作分组说明，保留返回后原有选择，不直接跳到个人资料 |
| 训练记录 | 完成与中断有区别，空记录有解释 | 完成后新增记录；中断状态说明未完成，不把两者都显示成功 |
| 个人资料 | 本轮需要的目标与基础信息 | 删除尚未设计的付费功能，不用装饰性入口暗示已支持 |
检查的顺序是内容、结构、路径、状态，最后才是视觉细节。如果训练的开始入口都找不到，先不要花时间反复换渐变色。图表上的数字可以用来判断版面，但不能当作用户实际训练数据。
局部修改：说清保留什么、改变什么
AI修改适合表达结构性调整，例如“保留顶部训练信息，只把下方数据改成三项摘要”；手动编辑适合校准具体文字、间距、控件状态和交互连接。一次修改尽量围绕一个问题，便于判断哪里变好了，哪里被意外改动。
保留首页的训练卡片、导航位置和现有配色。
只修改训练卡片：标题最多两行，时长和强度各占一项。
主按钮使用“开始训练”；没有计划时改为“选择训练计划”。
不要改动训练记录页，也不要新增页面。
完成后列出本次改动的对象与尚未连接的入口。修改后重新检查前后的页面，尤其是共用导航、按钮文案与返回位置。若工具输出了HTML页面，可以继续处理该产物；需要原型编辑时，按结果页提供的导入或打开方式进入墨刀，确认文字、组件与路径可以继续调整。
导入时先选本轮要评审的页面，检查页面数量与顺序，再试改一段文字和一个模块。页面显示出来只是第一步；能否继续编辑、主要路径是否保留，才关系到后续协作。若你从图片或草图开始，可参考把草图转成原型的方法，不要把图片上传与可编辑迁入混为同一结果。
分享交付：让评审人员按同一任务操作
分享前先自己走一遍“查看计划—训练详情—完成—记录”的路径，再检查中断和空记录。说明哪些数据用于演示、哪些规则已经确认、哪些按钮暂未连接。分享链接对应一个明确版本，不同时发几份名称相似的截图让同事猜。
可以随链接附上三句话：“本轮确认训练相关页面与流程；请从首页进入详情并查看完成记录；重点反馈信息是否充分、返回是否清楚。”这样评论更容易落到具体页面。若需要交付HTML或其他文件，按照当前结果类型提供文件与说明，不能把前端页面当成已经接通账号、设备和数据库的正式应用。
新手使用AI生成产品原型图小技巧
- 把名词补成任务：“注册页”不如“手机号注册，包含验证码倒计时、重新获取与错误提示”；明确对象、条件与结果，AI才有足够依据安排界面。
- 先小范围生成：用一个流程检查生成和编辑方式，再扩展页面。一次要求很多模块，反而不易发现最重要的规则缺失。
- 善用组件复用：将已经确认的导航、表单和卡片结构用于其它页面，减少同一规则出现多个版本。AI起稿和手动原型都可以采用这种方法。
- 保留可恢复版本：较大改动前记录当前版本或另存副本；看见局部改善时，也检查原本正常的页面是否受到影响。
- 让反馈具体：说明哪个页面、什么状态、为什么阻碍任务，再修改对应区域。不要只写“更高级”“更智能”。
当页面、状态和路径能够对应同一个任务时，初稿就有了继续讨论的价值。下一次可以直接沿用训练需求，补充团队确定的业务规则，再选择打开墨刀AI开始生成。先完成一条小而完整的流程，比堆出很多无法继续编辑的页面更容易进入真实产品工作。
