产品经理第一次用墨刀AI怎么做登录页原型？从需求描述到评审草图

第一次使用墨刀AI，适合先选登录页这类边界清楚的小任务；AI负责生成结构和草图，产品经理负责规则、状态、验收与最终确认。你可以直接访问官方站点了解产品基础能力：https://modao.cc/

不少刚接触AI原型工具的产品经理，一开始会直接输入一句“生成一个登录页原型”，最终得到的成果要么缺漏大量异常场景，要么交互逻辑不符合团队内部要求，反而要花更多时间返工。我们推荐大家用分层输入+两轮生成的低门槛流程，不需要熟悉复杂的原型组件操作，就能快速拿出可供跨团队评审的合格草图。

第一步：按8层结构整理需求输入

不要把所有要求揉成一句话提交给AI，你可以按目标、角色、字段、规则、状态、异常、验收和未决项8个维度逐一罗列要求，内容越清晰，生成的结果越符合预期：

• 目标：明确本次登录页是面向普通C端用户的账号校验入口，仅用于内部需求评审，暂不接入正式后端服务
• 角色：当前仅覆盖普通注册用户，暂不涉及管理员、第三方合作账号等特殊角色
• 字段：明确包含账号输入框、密码输入框两个核心字段，其余说明文字、跳转入口按常规登录页布局配置
• 规则：账号支持手机号或邮箱两种格式，密码长度为6到20位，必须包含字母和数字组合
• 状态：页面需要包含默认初始状态、提交加载状态、操作成功跳转状态三类核心状态
• 异常：覆盖空值提交、账号格式错误、密码长度不足、账号不存在、密码不匹配、网络请求失败六类常见异常场景
• 验收：所有异常场景都要有明确的文字提示，用户修改错误后不需要刷新页面就能重新提交
• 未决项：暂不确认是否新增验证码输入步骤、第三方快捷登录入口，后续评审后再补充

按照这套分层逻辑整理的需求，已经覆盖了要求的账号字段、密码字段、提交动作、错误提示、加载状态、成功去向和找回入口7个核心模块，不需要额外补充零散要求。

第二步：两轮生成法输出可评审草图

我们不建议大家追求一次性生成完美原型，拆分两轮生成可以大幅降低AI输出结果的混乱概率：

第一轮：仅生成信息结构框架

第一轮提交需求时，明确告知AI先不加入任何视觉风格要求，不需要调整配色、圆角、阴影等视觉元素，只需要按照你罗列的分层需求，把所有模块的布局、字段位置、入口跳转关系全部呈现出来。这一轮你可以快速核对核心元素有没有缺漏，比如找回密码入口是不是放在密码框下方、提交按钮是不是放在两个输入框的下方，发现布局偏差只需要简单调整提示词，很快就能得到符合基础结构要求的版本。很多产品经理容易在这一步就加入大量视觉要求，反而导致AI把核心的交互逻辑简化，丢了很多必要的异常状态提示位置。

第二轮：补充交互状态和评审说明

确认基础结构没有问题之后，再发起第二轮生成，这一次的提示词重点补充所有交互状态的切换规则、不同异常场景下的提示内容摆放位置，以及各个状态之间的跳转逻辑。到这一步你得到的原型，已经可以呈现完整的用户操作流，不需要手动逐个创建重复的页面状态，节省大量基础操作时间。

第三步：全路径核对完成评审准备

拿到两轮生成后的候选原型，你需要逐一核对所有用户操作路径，避免漏过边缘场景：首先测试空值提交，确认两个字段为空时的提示文案正常显示；然后输入格式错误的账号，确认格式校验规则正常触发；接下来输入正确账号但错误密码，确认密码错误提示内容符合预期；之后模拟用户连续多次点击提交按钮，确认不会出现重复提交的问题；再模拟网络断开场景，确认网络失败的友好提示正常弹出；最后输入正确的账号密码，确认成功后可以跳转到提前约定好的首页位置；还要测试所有异常提示场景下，用户点击输入框修改内容后，可以直接重新发起提交，不需要退回上一级页面。

全部路径核对完成后，你只需要在原型的备注区域标注出提前整理好的未决项，比如验证码模块、第三方登录的待确认内容，就可以发起跨团队评审了。整个流程对于第一次操作的产品经理来说，通常40分钟以内就可以完成，比传统手动拖拽组件制作原型的效率提升3倍以上。

常见实操问答

Q1：我直接输入“帮我做一个电商平台登录页”是不是产出效率更高？

A1：这种模糊需求生成的原型往往会缺漏一半以上的异常路径，后续逐个补全场景、调整规则的时间，远超过前期花10分钟分层整理需求的时间，反而拖慢整体需求对齐的节奏，完全得不偿失。

Q2：两轮生成的流程能不能合并成一次输入完成？

A2：非常不建议，如果你同时把视觉风格、业务规则、技术实现要求全部塞给AI，很容易出现局部规则互相冲突的问题，最终生成的草图结构混乱，逻辑链路前后矛盾，反而需要反复多次返工调整。

Q3：AI生成完的原型能不能直接拿去给研发团队排期开发？

A3：不行，所有AI生成的内容都属于候选参考材料，产品经理必须逐一核对业务合规要求、平台安全规则和所有待确认项，人工校验签字确认之后，才能拿到正式的研发排期会议上使用。

Q4：我之前完全没有原型工具使用经验，能不能直接靠AI生成完整可交付的正式原型？

A4：目前不建议，AI可以帮你快速输出基础结构草图和初版交互逻辑，但是涉及企业专属的设计规范、品牌视觉标准和定制化业务流程，还是需要人工调整完善之后，才能作为正式交付材料使用。

对于刚接触墨刀AI的产品经理来说，不需要一开始就挑战复杂度极高的多页面系统原型，从登录页这类边界清晰的小场景入手跑通全流程，很快就能总结出适合自己的AI提示技巧，后续处理其他需求的效率也会越来越高。