引言
过去的一年里,AI生成原型图可以说是产品经理圈讨论得最热的话题之一。越来越多的原型设计和UI设计工具推出AI功能,希望协助产品经理快速产出原型图。但它们普遍存在一些痛点,列如:生成的原型图无法导出到专业工具里二次编辑、想让AI改个按钮位置可能把整个布局都打乱,更不用说继续扩展页面或补流程了。因此不少产品经理最后还是选择放弃AI产出的初稿,自己手动画原型。
墨刀AI Agent作为产品经理智能体,不仅比普通AI工具具备更多的能力,还有一个生成原型图的重大细节:AI生成的原型图可以自由编辑。那到底怎么编辑?和其他工具有什么差别?接下来我们就一起用实战案例来教你玩转墨刀AI Agent!
一、墨刀AI Agent如何生成原型图?
墨刀 AI Agent整个生成流程超级直接,你只需要提供一句话描述,它会自动完成信息整理、结构规划,再输出可编辑的高保真界面。
整个过程可以拆为三个步骤:
1.理解需求并自动整理信息
你输入的是一句需求描述,列如:
“设计一个阳台种菜APP首页原型图:风格清爽。包含:顶部的天气与湿度卡片、中间的‘我的植物’状态轮播、底部的种植任务待办列表。”
Agent会先判断页面类型、内容结构和关键功能点,再自动搜索浏览关于阳台种菜APP设计的设计参考、配色方案和布局灵感,接着生成了一份原型图的详细设计说明文档,包含设计主题、页面布局结构、颜色方案、排版字体、组件元素、交互效果等设计规划。

2.自动生成结构布局与框架
接下来,Agent会根据结构化的设计说明文档,生成完整的高保真原型页面,这一步出来的初稿一般已经能对上你输入的需求了:包含了顶部的天气与湿度卡片、“我的植物”轮播图、今日任务列表。

3.如何调整AI生成的原型图?
Agent生成原型图后,这个页面不是静态的图片,而是由真实组件拼成的可编辑原型。如果想要修改局部的某个组件、元素、文案,Agent支持直接修改调整,也可以继续和AI对话,让它重新排列结构、替换内容或调整布局,更可以导出到原型项目中手动编辑。
可以说AI生成原型图只是一个起点,真正协助产品经理的是后续的可编辑性。接下来我们详细拆解墨刀AI Agent生成原型图的三种编辑模式。
二、AI生成原型图的三种编辑模式
1.编辑模式直接上手调整
只要在预览左上角切到“编辑模式”,就能像正常画原型一样点选元素直接修改。例如选中文本文案,双击即可直接修改文字内容,可调整文字颜色、大小、粗细、对齐等;选中图标可以更换颜色、从图标库中选择更换图标;选中组件可以调整颜色、透明度、圆角、边距等。
如果想要调整大的组件呈现,也可以点击AI图标输入针对该组件元素的修改指令,Agent接到指令后就会对布局进行修改,不会破坏整体结构。

另外选中一个组件后,也可以直接拖拽整个组件来改变位置、顺序,就像在原型工具的画布中一样拖拽式操作,方便快捷。

2.AI对话全局/局部编辑
如果Agent生成的原型图需要整体修改,或者针对某个模块调整,可以继续与AI对话输入具体需求。常见的有调整整体颜色方案、更改组件展现形态、优化页面设计等等,对原型页面整体或者局部进行调整。列如你可以告知AI:“继续优化一下界面视觉效果”、“把列表改成卡片样式布局”等指令。

3.导出墨刀项目手动编辑
当Agent生成的原型图基本符合需求时,也可以在预览界面右上角找到“导出至墨刀”,导出到项目已有文件或新建项目文件中,进入原型编辑页面,利用丰富的原型功能手动优化调整原型图。

可以看到如图所示,将原型图导出至项目文件中,除了图片详情可以替换为自身上传图片,组件和元素、图标都与Agent生成的原型界面保持一致,并且每个组件和元素都支持编辑调整。

例如原型界面中的轮播图,也会自动转换为动态组件,进入动态面板后,可以对两个轮播组件模块进行调整,添加交互等。

三、墨刀AI Agent的其他编辑能力
不止AI生成原型图可以自由编辑,Agent还可以生成产品调研报告、PRD需求文档、设计说明文档、方案评审报告等内容,均支持自由编辑、下载复用。
例如:继续让Agent根据生成的原型图,撰写一份完整的产品需求文档。Agent很快就生成了一份结构化的PRD,能当做写文档时的参考底稿。如果需要下载文档,可在预览右上角找到下载按钮,支持下载为Markdown格式、PDF、Docx文档,也可以一键复制粘贴到自身文档中。

墨刀AI Agent拥有项目级上下文理解能力,在利用Agent生成可编辑的原型图后,可以继续调研用户需求、优化功能结构、完善需求文档、AI评审方案提前找出风险点等,整个过程都能保持同一套产品逻辑,真正把从调研到评审的链路串起来。
总结
目前的AI原型设计工具有许多,但对产品经理来说,关键不是“能不能生成”,而是生成之后能不能顺着做下去。墨刀AI Agent和其他工具的核心差别,就是它可以把“产品调研、原型生成、编辑调整、文档输出、评审交付”这一整条链路串起来;AI生成原型图不是终点,而是可以随时编辑、随时推进,也不必换工具或担心需求变动后难以调整。
对产品经理来说,真正能节省精力的,实则就是这种能随时改、随时推进的能力。市面上能生成原型的工具许多,但能把方案一路往前推到落地的,才真正适合作为长期主力。



