引言
在原型设计这个环节，产品经理不缺原型工具和AI工具，真正头疼的是能不能画的快、画的好。从一个模糊的需求开始，怎么快速搭出一套结构完整、逻辑自洽的原型方案，才是产品经理在实际工作中需要的。
最近有一个AI工具大家聊的比较多的是产品经理的AI智能体：墨刀AIAgent。它和以往的AI工具不一样，把调研、原型、PRD 这些环节放在了一个连续流程里。这次主要关注的是它生成原型图这个好评最多的能力，其他能力并没有深度使用。接下来，我将完整演示使用墨刀AIAgent生成原型图的全过程，希望能为产品同行提供一个实用的参考。
实操的前提说明
先把边界说清楚，这个前提非常重要。
这次测试的是一个备忘录笔记APP的设计场景，不是过于复杂的业务系统，也不是非常轻的演示型页面。需求本身已经想得比较清楚了，包括核心功能模块和主流程。所以这次不是建立在0思考让AI自由发挥的基础上，而是测试AI在实际工作需求中，能不能成为一个执行能力强、理解能力强，可以实实在在帮助产品经理提高效率的助手。
第一步：需求输入阶段
在AI Agent界面选择原型设计模式，我实际输入的Prompt如下：
“请你设计一个面向日常高频使用的备忘录APP，核心用户是职场人和学生，使用场景以碎片时间为主，用户可以快速完成记录和管理已有内容，整体操作尽量简单直接。APP包含5个核心功能页面：首页总览、记录列表页、记录详情页、新增/编辑记录页、个人中心页。页面设计风格参考常见的工具类APP，偏简洁。”
注意这里，不要直接说“帮我生成一个XXAPP原型”模糊不清，要有几个典型的指令AI才能准确理解意思：
- 产品定位和用户角色
- 核心功能模块清单
- 设计页面数量和设计风格
在测试过几次发现，当你输入的指令越具体、越贴近页面结构，AI生成的结果就越实用。如果你的指令偏概念化虚化，生成的结果就会明显飘。
第二步：AI生成原型图
AI接到需求后，首先通过调研确定这类APP的设计趋势，整理出了一份备忘录APP调研与功能定义文档，接着创建了一份设计规范说明文档。
几分钟后，AI生成原型图界面。AI输出的是一整套APP的原型结构，可在预览界面直接点击交互。从页面数量和完整度来看是超出预期的，高保真程度主要体现在这几点：
- 页面布局与真实产品比例相符
- 组件使用符合常见APP设计规范
- 页面之间已经有基础跳转关系
整体来看，生成的原型与我的构思基本一致，不过在一些细节上还需要完善和调整。
第三步：二次调整原型
AI生成原型图后，基本上不会一次就完美可用，接下来可以通过两个方法来二次编辑和调整这套原型图。
1. AI多轮对话调整
这个方法适合在需要大幅度调整的时候，通过对话框输入调整需求，AI就可以根据你的意见马上调整。比如在前期没有具体设计风格或者色调要求时，AI生成的原型风格不喜欢，可以输入“调整设计风格为XXX”，如果AI生成的效果看起来一般，也可以输入“继续优化视觉效果”。
2. 在线编辑调整
在线编辑调整适合用在有一些微小的瑕疵上，可以直接在预览界面上找到编辑按钮，进入编辑模式之后，可以拖拽组件顺序、调整颜色、文本内容、替换图标等等。比如选中“李明”后可以调整字体大小、颜色、加粗、对齐方式等；选中星星图标，可以选择调整颜色或者替换其他图标。我用的最多就是直接编辑，不需要重新生成，调整速度也快。
第四步：导出原型图
处理第三步常用的编辑方法，还有一个就是导出编辑，在原来原型编辑画布中手动调整，和自己画原型图一样的方式，更自由方便，统一页面风格和规范。可以把AI生成的原型图导出到项目中进行深度编辑，操作很简单：在预览界面点击“导出至墨刀”，选择保存路径就可以顺手打开编辑页面了。
总结
这次实际用下来，有几个地方能明显感觉时间被省掉了：
- 快速搭出页面骨架，不用从空白画布开始手动画
- 常规组件组合比较稳，页面结构布局合理
- 有一定的产品思维，在功能上遵循设计趋势
你不一定要用AI生成的原型图直接交付，它更适合来做初稿节省时间。但同时，AI Agent的限制也很明显，比如对复杂业务规则的理解仍然比较表面，有时候页面看起来都对，但是细看逻辑不一定成立。所以如果你前期输入的需求本身就混乱，那用AI生成原型图的效果就很难让你满意了。
