前两天我用墨刀AI生成了一个企业后台管理系统的工作台原型图,同事见了猛吃惊,整体完成度比我预想的还高,连细节也处理得不错。更重要的是,是可以导出到项目中自由编辑的。整个流程只花了几分钟,非常顺利,工作效率直接翻倍!
这波体验真的有点惊喜。所以也想着把这次使用墨刀AI的全过程整理出来,分享给有类似需求的朋友,尤其是还没尝试过AI画原型的产品经理,希望这篇能给你一些参考。效果如下图:
如果你是产品经理,应该对墨刀这个原型设计工具已经挺熟了。它新上线的AI生成原型图功能,整体表现确实提升不少,生成速度更快了,页面结构也更贴近真实项目需求,还支持局部修改优化,整个用下来体验挺顺的。
Step1:墨刀AI生成原型图方式
首先墨刀AI支持两种生成方式:指令输入生成、上传图片生成。这次我生成的企业后台管理系统工作台首页,是通过“指令输入”方式完成的。如果你没有具体参考图,也完全可以用对话的形式和AI沟通,让它从0开始生成原型。
Step2:输入AI生成原型图指令
很多对话式AI工具确实很强,但想让它们给出准确结果,前提是你得把指令说清楚。AI生成原型图也是一样,个人认为指令写得好不好,决定了生成的效果。我的方法是借助DeepSeek类AI工具生成标准化指令,把清晰的需求交给DeepSeek,它会帮你生成一份格式规范、逻辑清晰的AI指令,然后直接复制粘贴给墨刀AI使用即可。
生成前,AI还会产出一份“功能说明文档”,你可以快速预览,确认无误后点击“生成原型图”。
Step3:AI修改编辑导出原型图
生成后的原型图,初版其实已经很接近我的预期。但如果你有细节上的优化需求,也可以在预览界面上方切换“选择模式”,点击需要修改的元素,用自然语言告诉AI要改什么。我这次就做了两轮小优化,改完之后,直接点击“导出至墨刀项目”,就能进入熟悉的编辑界面进一步完善。
这样整个原型的生成流程就基本完成了,从指令输入到导出编辑,全程用下来非常顺畅,最快几分钟内就能搞定一个页面,比起手动画图省了不少时间和精力。
需注意的3个小细节:
1. 指令技巧
不论是出版生成还是后续微调,只要让AI干活,就把你的想法说清楚、说具体。比如“数据模块太乱”不如说“请将数据总览模块移到页面上方,并对齐左侧导航栏”。不要过于模糊,不然AI理解的方向不对会浪费生成时间和成本。
2. 多页面生成
目前AI生成的原型暂时还不支持多页面之间的跳转交互,如果你打算生成一整套完整原型,需要提前规划好页面结构,APP可以同时生成好几个页面,网页端依次生成单个页面会更稳妥一些。我自己测试过一次性生成4个APP页面,效果还不错。
3. 导出编辑
需要提醒一点,原型图导入墨刀项目时,有部分图表类组件可能会变成图片格式,手动替换为墨刀内置的图表组件即可,不影响后续编辑。
结语
像这类高保真的企业后台管理系统原型,用AI生成的方式确实比手动画快太多,效率翻倍一点不夸张。可以适当借助这些AI工具,减轻我们的负担。
本文展示的墨刀AI生成效果整体来看非常不错,当然不同项目、不同需求下,工具选择也因人而异。还有其他产品经理测试过不同的AI原型图工具,建议大家都可以试一试,找到合适的再应用到自身工作中。