全文概览-小舟的结论
1、AI 快速生成的结果，可以为我们高效提供产品功能设计和产品界面设计的灵感，为后续的深入设计带来启发。
2、产品经理可以把节省下的时间花在“战略性思考”上面，综合业务/市场/商业的各方的诉求、洞察用户的需求、产出创新性的产品 idea。
Hi 大家好，我是舟小鲤，一名喜欢鼓捣各种工具的 B 端产品经理～
记得 5 月底参加破局俱乐部线下活动时，最大的感悟之一就是：每一项原有的工作都可以用 AI 重构一遍。那就先从我手头的产品工作开始吧～
各种效果，打动你的人群。
产品经理是如何设计产品的呢？先请 （以下简称 Chat） 给大家生成一个简单的产品设计的流程图～
（流程图生成方法：指示 Chat 输出 graph LR 语法的流程图，再使用 .js 或飞书文本绘图生成流程图）
本文我们探讨的是需求分析和产品设计两个阶段，看看 AI 工具如何帮产品经理省省力，提提效。我的 SOP 是——
1、使用 、 辅助进行需求分析和产品功能设计
2、使用即时 AI、墨刀 AI 、 辅助进行产品界面设计
一
我为什么要用 AI 做产品设计
最近小舟有做一些从 0 到 1 小功能，产出需求 demo 的时间可能并不是非常充裕：团队希望快速产出方案，尽快拿着产品 demo 向用户进行调研，根据调研结果调整产品 demo 后，再推动产品进行需求评审、开发上线，以保证上线后的产品在功能和交互体验上都能满足用户的需求。时间紧任务重，AI 工具来帮忙～
本文小舟将虚构以一个 CRM 客户关系管理系统中的“客户动态”小功能，和大家一起来探索 AI 工具如何辅助产品经理进行产品设计。先给我们的产品立个背景：假设我们是一家设计 CRM 系统公司，当前我们的 CRM 系统服务的企业是一家销售电子产品公司，这家公司的销售需要向感兴趣的客户销售他们的电子产品。
那么根据和业务团队的交流，我们可能了解到，“客户动态”这个小功能的需求大概是：
//
客户和销售人员产生联系后，会被录入到 CRM系统中，销售人员需要通过了解客户的行为动态，例如在公司官网上浏览了哪些文章、有没有看企微私聊他的文章等等，来判断客户当前的兴趣、偏好和需求。
所以希望增加一个“客户动态”功能，抓取一些客户的线上数据，向销售人员展示客户的行为记录，例如客户有没有看销售人员发给他的文章，看了几分钟。
二
利用 AI 工具进行需求分析
一）需求分析
一般来说这样一个小功能设计的第一步是进行需求分析，判断这是不是一个“真”需求：
— 用户的需求是什么？
— 用户的痛点是什么？
— 产品有没有价值？有没有收益？
我们可以通过和业务团队沟通、阅读业务的资料文档、找用户实际聊聊来分析需求，也可以利用 Chat 来进行需求分析。
我的 结构是
Chat 的人设 + 我需要什么帮助 + 背景输入 + 下命令 + 万能金句
— 背景输入：产品背景+需求背景（增加细节描述辅助 AI 理解）
— 下命令：用户需求是什么，痛点是什么，产品的价值是什么，目标是什么，收益是什么。
— 万能金句：现在，让我们一步一步地来思考
Chat 生成的回答如下图，条理清晰，还给出了我不曾想到的价值：个性化的销售建议
Chat 回答得不错，我们可以将结果记录在自己的文档作为需求文档撰写的素材。但答案略微有些长了，我们可以再让 Chat 提炼一下生成思维导图：指示 Chat 当前的角色是思维导图绘制专家，Chat 会自动生成 格式的代码。
我的 结构是
现在你是一名思维导图制作专家，你需要提取我给你的文字中的关键标题信息，用思维导图的格式产出。我给你的内容是：xxx
再把 格式的内容输入 工具，我们可以得到一个简短的需求分析思维导图：
经过上述的分析，我们可以确认，在是一个值得放手去干的需求。接下来，我们需要根据用户需求，设计产品功能点；在这个一个头脑风暴的阶段，我们可以让 Chat 给我们一些功能设计的点子～
二）功能设计
1、竞品信息参考
在功能设计阶段，我们通常会参考一些竞品的设计，因为 Chat 免费的 3.5 版本暂时不能联网，我们可以通过 询问竞品信息～
我的 结构是
背景输入：产品背景+需求背景（增加细节描述辅助 AI 理解）
下命令：请问当前有哪些产品已经实现了类似的功能呢?请为我详细列举出产品名称、页面名称以及产品的介绍的链接。
生成的回答如下，我们可以再根据 推荐的网址进行深度的资料调研，也可以直接在 产品官网。除了文本资料查询，还可以在 、 上查询产品视频。稍微知名一点的产品，可能都会在视频网站发布自己的官方介绍，或者有博主制作的介绍视频。例如， 上就有大量博主在教人如何使用 （一款很值得学习的 SaaS 产品） 。
查询国内的竞品信息相对容易，查询国外的竞品信息可能存在语言上的障碍，我们可以使用 这款插件为我们翻译网页（含中英对照）、总结 视频中的摘要。（插件下载：）
2、功能框架搭建
看过竞品之后，我们大概心里有个数，产品会往什么方向走，再让问问 Chat 有什么功能模块和功能点的建议。因为Chat 有一定的记忆功能，此时下一个 我们可以省去人设指令：
Chat 的回答如下：
这时我们大概已经知道，需要客户动态列表页和客户动态详情页两个页面，以及两个页面中包含的模块和功能点。如果我们对功能点的细节存疑，还可以继续向 Chat 提问，例如我想了解“标签管理”的具体功能。
从Chat 的回答，我们了解到，可以在产品兴趣、购买意向、销售阶段、服务需求、行业或领域五个方面给客户打标。
确定了功能点，在一般情况下，我们还需要对功能点进行优先级判断。这时我们可以让 Chat 进行优先级排序，告诉 Chat 用 MVP 思维判断刚刚功能的优先级。
OK，Chat 已经帮助我们确定了需求与功能点，下一步，我们需要把功能落实在产品界面上，将文字的功能，转化为图形界面。
三
利用 AI 工具进行界面设计
严格的界面设计流程分为原型图-交互稿-UI 稿三个阶段，分别由产品经理、交互设计师、UI 设计师三方产出稿件，顺次合作进行。但在资源吃紧的情况下，产品经理也可能会需要一人身兼多职。
比如，在本次虚构的产品设计中，我们需要快速产出一个带原型的产品 demo拿给用户试用，需要保证用户的视觉感官体验不会太差；因此，产品经理需要提前综合考虑一些原型布局与视觉设计；最后定稿进开发前，再把专业的UI 设计交给 UI 老师。因此，我们可以找 AI工具为我们提供一些设计建议。
这里我使用了即时 AI、墨刀 AI 和 三种工具，以下是工具的介绍和我使用的心得体会，先上小结论：
— 和 不同，墨刀 AI 和即时 AI 都能产出分层的素材，供我们后续拖拽使用
— 目前这些工具生成的界面设计仅能作为灵感参考，至少对 to B 系统来说，墨刀 AI 和即时 AI 生成的界面更加适合 to C 场景，而不适合 to B 场景。例如，即时 AI 自动生成了to C 社交 app 常见的评论功能，但我们的产品并不需要这个功能。
–AI 工具只是为我们产出了灵感，最终如何设计，仍然需要产品经理、交互、UI 设计师来做抉择
一）即时 AI
产品网址：
「即时设计」是一款在线绘制原型稿、设计稿绘制工具，即时 AI 是平台延伸的 AI 工具。进入页面后，工作台的左侧是画布，右侧是模型选择和指令输入框，点击“生成页面”，即时 AI 将为你生成该指令下的四种页面结果。
并且，熟悉设计工具的小伙伴可以发现，左侧展示了元素的分层分组情况，也就是说，即时 AI 生成的设计稿，可以便捷地让使用者直接进入「即时设计」再进行二次加工。
想要即时 AI 生成的设计更加符合我们的需求，我们先来学习下官方建议的 结构——
小舟这里帮大家做了下总结：
但在实际使用过程中，两种模式大家都可以试一试，我个人感觉对于 to B 场景的界面设计，JS-Inno 模型可能更加准确， 中需要的模块至少都能给出。具体即时 AI 的表现如何呢？以下是我利用即时 AI 生成客户动态列表页和客户动态详情页两个页面的对比。
1、生成客户列表页
这个页面内容比较简单，先来一个概括性的
JS-Inno 模型结果⬇️：基本符合我们需要的简洁的列表页
JS-模型结果⬇️：似乎即时 AI 根据自己的理解加入了一些不相关的内容，例如购物车、商品这些，但我们的 中并没有出现“电商”这类关键词。所以，在概括性描述场景下，还是建议使用JS-Inno 模型。
看起来JS-Inno 模型结果不错，我接着输入了一个更加详细的客户列表页，来看看效果：
JS-Inno 模型结果⬇️：基本上需要的内容都有了，内容也大差不差
2、生成客户动态详情页
详情页的内容更加丰富，我们需要增加更多细节描述，我的 是：
JS-Inno 模型结果⬇️：各个模块基本都具备，自动设计的信息内容也比较合理，可以作为前期的参考
JS-模型结果⬇️：视觉上更加美观，可以作为设计上的参考，但是内容和 相关性不高，例如出现了 to C 场景中比较多的评论功能（合理怀疑这个模型更适合 to C产品的设计）。
二）墨刀 AI
产品网址：
墨刀是一款在线原型设计工具，墨刀 AI 的入口在墨刀工作台中，新建设计文件后，我们可以在右侧边栏中找到墨刀 AI 工具，包含有AI 生成原型页面功能、 AI 生成流程图、AI 生成思维导图、AI 生成表格、AI 生成图表、AI 智能填充、AI 对话功能。
AI 生成流程图、AI 生成思维导图也能帮助产品经理自动生成一些常见功能的说明图片，减少在这些琐碎小功能上花的时间，例如“帮我绘制一个登陆注册流程”，墨刀 AI 还是能给出一个像模像样的流程图：
现在，我们会使用 AI 生成原型页面功能来进行界面设计。墨刀 AI 每次只会根据描述生成一个页面，页面的内容相对严格地取决于我们输入的内容，详细的客户列表页、客户动态详情页结果如下：
1、生成客户列表页
如果只告诉墨刀 AI “设计一个crm系统的客户列表页面”，可能墨刀 AI 会给你一个只有头像的空白页面，当前ta 还学不会自动填充额外的内容，因此我们需要输入给墨刀 AI 更多的信息，我的基础 是：
随后，我加入了不同的额外提示，生成了两种页面原型：
从得出的原型图可以发现，墨刀 AI 基本上严格地遵循了我们的输入的内容。
但缺点也在此：联想性扩展性不足。因为我们用 AI 自动生成，一方面是希望减少制图时间、一方面是希望得到更多的参考借鉴，而墨刀 AI 在第二方面上提供的价值并不高。
另外，墨刀本身是一款偏原型设计的软件，所以出的图可能没有即时 AI 视觉上那么花哨。
2、生成客户动态详情页
第一次我先用刚才给即时 AI 的 ，墨刀 AI 生成的页面稍微差点意思，没有理解“信息统计图表”的意思，填充不了的内容就拿图片顶替一下。
看来墨刀 AI 需要更详细的内容输入，那么我们来一个详细版的 。但是，墨刀 AI 给出的结果仍然差点意思，仅仅能够参考下布局，而不像即时 AI ，即时 AI 还能自动填充一些细节内容，为我们提供初步的 idea。
三）
产品网址：
用 可以生成平面设计的图，我们可以参考即时 AI 的 写法：主题描述+页面主要功能，我的 结构是：
我的 结构是
UI of 产品类型 + 页面 + 页面主要功能 + 设计界面(APP/WEB)+ Figma/ + 1~3种设计风格(可以引用设计师)+ 色彩风格 + 魔法词汇(High , 4K )
注释：
–Figma是国外的一款在线设计工具，这是一个创意设计展示工具，这两个提示词可以帮助 了解我们想要的信息
–我们想参考的设计师可以上查询
1、生成客户列表页
直接上 ：
一开始似乎理解为设计一个客户详情页了（可以给下个页面做参考 hhh），但是视觉效果还不赖，刷新多次后，可以生成到我们想要的列表页效果
1、生成客户动态详情页
直接上 ：
根据详情页的 ，加上刚刚做列表页时偶然获得的图，我们可以得到如下结果。每一张的视觉风格还真不错，可以给板式设计提供极大的参考价值，但具体每个模块怎么布局，具体放哪些细节内容，还得产品经理来动手动脑思考。
3、利用“垫图”功能优化原稿
生成的 UI 图可太好看了，但是缺乏细节，需要我们自己思考板式怎么借鉴。那有没有一种可能，我们把设计好的初稿喂给 优化呢？于是我利用即时 AI 生成的稿子和 的垫图功能，进行了尝试。效果还不赖
–原页面稿件
— MJ 生成稿件
〇
一点点心得
以上，AI工具可以为产品经理提供极大的辅助和支持，但在使用 AI 工具的演示过程中，我简化了很多流程，真实的产品设计工作也比本文所描述地复杂地多，产品也不能完全依赖 AI。
例如，在需求分析阶段，我们最好和用户聊一聊，和业务聊一聊，通过用户研究和调研来深入理解用户需求和行为，以便设计出更符合用户期望、符合业务诉求的产品。最终得到的需求分析结论和功能设计，会综合、平衡各方的诉求。
总得说来，AI 工具可以帮助我们在一个确定的指令下产出确定的答案，但实际工作中，很多时候我们都得在未知的领域探索。谁说产品经理就是坐在椅子上点点鼠标？我们可是全能战士！要有战略规划能力，要有深刻的用户洞察，还得要和各路人马进行高效沟通协调，这可是AI工具所不能替代的哦！
让我们以持之以恒的精神，不断提升自己的产品能力。同时，跟上这个时代，成为熟练应用 AI 工具的 super 产品经理～
——全文完——
希望本文能帮助到你，或者给你也带来启发，欢迎交流
友情提示：以上产品为小舟的虚拟项目
各位友友在应用 AI 工具时需要注意公司信息安全嗷～
