手把手教你用AI做产品，附工具推荐与设计提示词
今天，咱们手把手用AI来做一个产品。
附工具推荐和10个完整的产品设计1.0版本提示词。
咱们今天做出来的产品效果它可以是长这样的小红书运营工具箱：
也可以是长这样的短视频爆款预测分析：
还可以是这样的产品介绍界面：
别急，今天的文章内容会带你一步步做完，真正能用起来的产品。
在AI时代，人人都是产品经理。
能够搞定从理解需求、头脑风暴、用户洞察、功能梳理，再到文档撰写、代码对接，就连产品介绍和营销文案都能一并完成的全部流程，还能让模型读懂我们设计好的界面，只要把 Figma 链接一丢，它就能自动理解并在往后持续干活。
今日的分享重点在于针对某一个竞赛题目，将其需求予以拆解，讲述我们是以怎样的方式，从入手一张题目起始，进而打造出一款完备的产品过程 。
直播刚好处于进行时刻，此次进行期间我们借助 Q 的 AI IDE 工作助力以做完整个进程，大家同样能够运用 Trae、、的工具 。
我会将这些步骤给拆解，把它变成实操流程，然后分享给大家，期望你们在比赛过程当中，也能够使用上这些方法，切实省下时间，将精力聚焦在创造力那里。
像比如说，我先前做过一款应用，这款应用有着这样的名称，它从本质上来说是一个借助AI的拍立得相机。
这款产品的底层，是由多模态AI卷层予以驱动的，并且实现了图像与文本之间的智能联动 使用的时候，我仅仅需要去选择不同的应用场景 比如说，小红书本的文案 例如，咸鱼平台的文案 像外卖点评等各种各样风格化的模板 。
接着，仅需将其对准场景，而后点击进行拍照，此时相机便能够依据当下画面所呈现的内容，自动生成与之相对应风格的文案。
它实现的实际上是一条自确定场景至确定文字的高效流程，于体验方面极大程度提升了便利性，相异于传统方式。传统方式需先上传图片，接着手动撰写提示词，随后调用大模型生成，整个进程起码要两步以上。
而对于拍立得而言，我仅需选中场景，而后拍摄一回，便能够直接取得预期成果。从本质上来说，这款产品所从事的事情，便是在AI交互里极大程度地缩减了原本繁杂的流程，使体验变得更为自然、即时以及高效。
前一阵子，我亲身开展了一番别样的尝试，那便是在手机端开发出了一项语音笔记功能。于我的手机里，借助设置一条iOS快捷指令，只需迅速点击几下，便能够凭借一键将此应用唤醒，紧接着直接与之展开语音对谈。
我仅需将内心里念头进行讲述，它便能迅速予以记录，还会主动作内容整理然后写入至备忘录当中。
当然，为提升记录准确性，我在底层做了很多事，预置了诸多提示词，设置了关键词匹配逻辑，而且还有灵感启发的相关安排，如此一来，我需要查找某条笔记，便能定位到准确内容，速度更快 。
先讲从需求其根源的方面来讲，为何要去做这件事情呢，是由于我察觉到这样一种情形，即我的思考的速度是远远地快过了打字的速度。
拿个例子来讲，我要是不打字，一分钟能够想出大概100个字的相关内容，然而一旦采用打字的办法，那么一分钟说不定连50个字都打不出来，并且打字的时候思路极易被打断掉啊，另外顺序还可能杂乱无章一团糟。可是借助这种语音输入加上大模型润色整理的方式呢，不但记录速度更快，而且还能够让内容变得更加顺畅、更有条理。
当然，除了语音笔记，最近还存在这样一个极为热门的话题，这个话题是大家处于谈笑风生状态下的Vibe，而Vibe实际上就是AI编程。
这种新兴方式，正在深刻重塑整个产品的设计逻辑。
比如我的个人主页就是纯AI辅助我们完成的～
能够借助这种产品，帮你迅速验证你的产品想法及demo，制作了一个小红书的运营工具箱。
上面这个界面展示链接：
这一系列AI原生应用，正在各个领域改变我们生活以及工作方式，且是悄然改变，并非简单在原有软件上叠加AI功能，而是从底层开始，重新定义了交互方式，还重新定义了工作流，并且带来了与传统应用截然不同的体验。
曾经，我们得依照需求，手动去撰写好多代码，一格一格地搭建产品原型。
而如今，我们与AI协作，我们只需用自然语言描述想法，而后AI能够辅助生成底层代码，AI能够搭建界面，AI能够优化交互逻辑。！
接下来，让我们一同瞧瞧，于AI时代状况下，全新的工作流程设计将会展现出何种样子的改变，。
未来，很多时候我们只需要简单地口头表达需求，比如：
让我达成一份需求文档，让我构思一个针对某某主题作访谈提纲，引领我怎样去整理用户旅程地图，我存有一份简易功能需求文档，期望径直借由 Vibe 的方式，令我迅速生成界面，助力我完成一个结构完备、视觉呈现专业的 PPT。
以往呢，针对这些场景，产品经理、设计师、运营、工程师等角色，要进行多轮沟通，还要多轮手动制作，然而，在AI提供加持的情况下， now，只需给出一句话的描述，系统便能够理解意图，还能够自动完成中间那些繁琐的环节，并且直接产出高质量的结果 。
能够瞧见，这般的流程设计塑造，已然极为贴近我们的自然的思索方式了，并非先是去撰写需求文档，接着开展开发工作，随后进行调整处理，而是
从想法到成品，几乎无缝衔接。
下面，我们将借助AI，一步步塑造一个完整无缺的成品。首先，需明确我们究竟要着手开展何事
让 AI 帮我们拆解需求内容
刚拿到赛题啊，实际上是挺容易让人看着就发懵的。赛题嘛，写得可复杂了，字数也不少，一而再再而三地读，却依旧抓不住重点。就在这样的时候呢，把赛题的内容丢给Q，它呀就能帮我们给捋清楚逻辑
比如说，题目究竟所要解决的是什么样的问题呢，是不是存在着某些限制条件呀，那评判的标准又是什么呢，它能够一步一步地协助我们将其拆解开来，这相当于是要先把方向弄清楚明白，而不是开始的时候就胡乱地忙活 。
拿到赛题信息，咱们直接先做这件事：我们能够直接点击“Ctrl+S”把赛题的网页信息拿下来，当然你全选复制到文本中也可以，这种方法都得确保赛题的文本不是图片格式的。
接下来，使我们的Q能够去读取一下这个题目 ，接着给我们解析一下我们应该参加怎样的比赛 ，所建议的方向是什么 。
模版参考：
我此刻拥有一份赛题内容，我期望你能够如同一位专门以产品策略进行研究并且非常专业的专家那样协助我一步一步地将它的核心要素给拆解开来。并且请你依据以下的逻辑来进行分析，
能否将这份题目的核心问题，也就是用一句话进行问题描述，总结成这样是什么这个是所想要化解的核心问题，帮一下我，能吗？，
目标需澄清：最终所期望达成的成果究竟是什么呢？目标是关于产品交付，是关于用户增长，还是关于解决某一个痛点呢？
评判的标准是：究竟有没有明确的评分的维度，或者存在隐含的成功的标准呢？举例来说，像是技术方面的可行性，商业领域的价值，以及用户所拥有的体验等 。
是否给出特定的使用范围，有着时间限制方面的情况，存在技术框架之情形，或者有团队配置要求这一状况呢？ 。
从用户方面着手看来，这个题目所针对服务的核心群体是哪类人呢，他们面临着什么样的痛点或者是存有怎样的需求呢？
就按照结构化方式回答，每点简洁概括清晰讲明白，刚好适合后续直接用来撰写PRD或者进而进入头脑风暴阶段。
其核心设计参照了设计思维里的问题定义阶段，以及产品经理常使的4W1H框架，即What/Why/Who/When/How，并且还预留出很大空间让Q利用自身知识与分析能力去展开拆解。
你能够把这个模板略作调整，把它运用在各异的题目之上，像补充上下文呀，或者加上十分具体的题干呀，如此一来 AI 便能更精准地帮你进行分析。
2.想点子的时候，别自己瞎琢磨
让 AI 帮我们进行头脑风暴
有了方向，接下来自然是想办法去解决问题。然而一个人脑袋里冒出来的点子终究有限，有时还容易深陷其中摆脱不出。将思路讲给它知晓，它便能够从各异角度助你拓展思维。
例如能够依照用户需求、技术实现、商业价值这些方向为你寻觅灵感，并且还能够顺便将你所讲的一些模糊点归纳得更为清晰，恰似随时存在着一个不会感到疲惫的同事正与你进行对话。
模板：帮我发散思路、头脑风暴一下解决方案
接下来，我想要请你，帮我展开一轮头脑风暴，围绕着我们已经明确的赛题方向，帮我从不同的角度，提出一些可能存在的产品创意，或者是解决思路。
请你试着从以下几个方面来展开联想，每个方面列举出多个能够进行探究的趋向或者情境，
用户究竟是哪些人， 他们所面临的痛点会处于什么地方， 能不能挖掘出一些全新的使用场景 ？
技术可行性方面：以当下主流的大模型，以及 API 和工具为基础，会不会存在在技术层面上新的使用方法或者组合呢？
场景进行拓展：除去直接将问题解决的方案之外，是不是存在什么“借助外力”的方式呢？比如说把已有的平台、已有的数据流相互结合起来 ？
商业方面，增长领域，是否存在这样一种设计，能够同时兼顾转化率，还能兼顾用户留存，并且兼顾商业模式呢？
既有方案已优化，当下在市面上是否存在类似的解决方案呢，可不可以进行改造升级以及实现差异化突破呢？
若能够，亦助我以一句话归纳每一创意背后的核心逻辑，目标并非一蹴而就，而是尽可能多地拓展思路，将盲区照亮。
这个 的设计，核心参考了几个专业的创意发散模型：
你能够将此刻你手边的赛题描述，或是已存在的思路增添进去以后，效果将会更佳。
3.搞清楚用户到底在意什么
若我们借助上述头脑风暴，最终选定了“社交媒体内容分析策略师”这一场景。那么紧接着，我们应当去洞察在此场景下用户更为在意的要点究竟是什么。还要明确我们的核心发力之处究竟在何方。
让 AI 帮我们进行洞察分析
要是手头存在用户反馈，或者有竞品资料，又或者是数据报告，那就直接丢给Q，它能够助力分析出哪些问题是用户反复提及的，哪一类人群屡屡碰到这些问题，以及哪些功能或许会被忽视然而实则相当关键。它会协助从这些繁杂无序的信息当中筛选出具备价值的洞察内容，告知应该朝着哪一个方向去实施优化或者开展创新。
模板：帮我从用户反馈或竞品资料中提炼出有价值的洞察
我当下有着一批资料，诸如用户反馈，调研记录，竞品分析报告等，其信息量颇为大，且较为繁杂，我期望你如同一位懂得产品以及用户研究的分析师那般，帮我将这些内容整顿得清晰 。
洞察结果。请从下面这些角度来分析：
重复提及的问题与需求有哪些，属于高频问题归，可否帮我划分主题类目，进行分别归类，能否归为几个主题或类目 ？
, 哪些用户群体重点留意各类问题 ？ ，这些问题在提问或者 反馈内容里有所体现； ，是否存在能够作进一步划分 的人群特征 ？ ，这些特征基于提问或者反馈内容进行分析 。 ，这便是用户群画像的构成要素 。 ，通过这种方式来勾勒用户群画像 。 ，从而明确用户群画像中用户群体关注的问题 。 ，进而确定其中可被细分的人群特征 ？ ，它们均根据提问或反馈内容来确定
是否存在这样一些潜在痛点挖掘，即有没有某些隐含的问题，这些问题并非直接体现出来被说出来，然而却能够从相应表述里面读出其背后所潜藏的需求呢？
机会点识别： 在广大使用者的视角里，什么样的功能是他们认为使用起来不便利的，并且是市面上其他同类但竞品根本也没有妥善做好的呢， 在这种情况之下，我们是否拥有能够切入的机会呢？
寻求体验差异化的倡议：是否存有某些需求范畴，能够当作我们产品的差异化显著特点予以设计呢？
最后，请你，将那些分析.，按照构起结构这个式样去完成输出呈现，优选能分项条点的形式，以此方便以我自身接下来进一步去往功能梳理的进程当中，以及产品做出方案设计这样的阶段。
这个，参照了用户体验相关研究以及产品洞察里边的典型分析结构，比如说：
与Jobs to be Done（用户要完成什么任务）归为相似观点，Pain-Gain Map（痛点与收益分析）。
4.功能要怎么设计，让它来帮我们梳理一下
行，上述我们已然大致明晰了用户的画像以及痛点信息，接着实则较关键的便是依据这些相关场景梳理出咱们所谓的 MVP（最小可行产品）的功能模块各自是什么情况，随后要有一份条理清晰的需求清单 。
让 AI 帮我们梳理功能需求
在你拥有了大概的产品想法之又或者是解决方向之际，紧接着的下一步便是要将其拆分成一个个具体的功能。AI会依据前面所分析得出的结果，替你罗列出“这个产品应当涵盖哪些功能”，“每个功能能够解决什么问题”，“用户是怎样一步步进行操作的”。
它对此处极为擅长，把我们脑海当中模糊不清的想法，转变为一条条书写清晰的功能点，供设计使用便利，供开发使用方便 。
模板：帮我把产品想法拆成一份清晰的功能需求清单
帮助我整理出这个产品理应涵盖的核心官能， 请从下面几个角度来协助我一步步剖析出来：
功能清单：这个产品，从用户首次使用起，到完成主要任务止，应该涵盖哪些主要功能模块呢？请将每一块罗列出来，并且简要阐释下其作用是什么。
采用用户操作途径，从用户视角出发，整个运用进程究竟怎样一步步延续？每个功能要点于哪个阶段呈现？
请帮我梳理梳理，哪些问题是每个功能所针对解决的呢：把每个功能点的设计目标给我明确明确：它实际上究竟是在化解哪一个用户的痛点或者需求呢？
功能相互间的逻辑关联，是否存在着依赖关系，又是否包含优先级，怎样区分于核心功能，怎样辨别哪些算作辅助功能 ？
聚焦于MVP的视野收拢 ：要是自始至终去构造极为基础的可行版本 ，针对功能留存的部分该有哪些 ？对于那些功能能够着手舍去一些 ？ 。
把回答整理成，结构清晰的段落，或者表格，方便我直接拿去做PRD，或者和团队沟通设计方案。
这个 的设计参考了产品规划中的经典方法论：
功能与需求映射表（对比需求），用户路径进行分解（用户方面），优先级模型（必须、可以、不会），
5.写PRD这活，也能交给它搞定
让 AI 生成一份AI看得懂的PRD文档
当下撰写PRD，并非仅仅是供人阅览，还必须要让AI工具也能够理解。AI会依据我们先前交流提及的功能，自动创作出一份结构明晰的产品需求文档。其中涵盖功能说明、用户流程、接口逻辑这些关键要点。它所撰写好的文档逻辑极为清晰，取来与团队进行同步，或者对接其他智能工具，均能够直接加以运用。
模板：帮我生成一份结构清晰、AI可读的PRD文档
已有产品基本构想，还有功能列表了，现想找你来帮忙整理为AI看得懂且能继续执行的PRD，即产品需求文档 。它不但要能让人明白，还得衡量构格条理分明 ，格式合规 ，便利往后接入自行化流程或者智能工具调用 。请依照以下这种结构来进行输出 ：
产品背景，产品目标，是要简单描述，产品所要解决的是什么问题，产品所服务的是什么场景，产品的核心目标是什么。
核心功能模块列表：将每个功能模块的名称列出来，对其功能进行描述，描述其使用场景，最好再补充一句“这个功能解决的问题” 。
以用户的角度发起，阐述用户自进入产品起始，直至完成关键任务的操作途径，此操作途径有步骤之分，可标序号，形成文字版的用户流程图。
每个功能都有其输入与输出，要把用户或者是系统所输入的内容列清楚 ，而且要将期望得到的输出结果是什么列清楚 ，这适合在后续与大模型进行交互的时候应用 ，也适合在和API对接的时候应用 。
对于接口需求（若存在），需表明每一个功能点是不是要接口提供支持，要是需要，那就得说明接口的用途是什么，其调用方式是怎样的，以及对于数据结构有着怎样的要求。。
边界条件方面，列举常见的边界情况，异常处理方面，列举常见的异常场景，说明系统应怎样进行响应。
请按照模块进行清晰的排版，让内容尽可能具备结构化，防止出现散乱的描述，最好采用 或者表格的格式来输出，从而便于后续被其他智能工具或者工程团队进行复用。
最后保存到当前文件夹中，以md格式存储。
这个 融合了：
6.让模型知道我们想要的界面长啥样
使模型晓得我们脑海里所想象的界面呈现出何种样子，运用的服务，将Figma链接放置进去便行了。
怎么去进行Q的MCP的配置呢，是要直接于终端当中输入这个指令，以此来创建mcp的json文件的这个结果，结果是vi ~/.aws//mcp.json 。
创建完成后，我们将相关的mcp粘贴进去，主要用上的是figma的mcp服务，配置完毕后，也能够直截了当地询问Q当下哪些MCP服务是能够使用的。
更多mcp服务可以在mcp.so或者里面找到。
有的时常之际，于我们头脑之中已然存有产品大致模样，更有甚者竟已在 Figma 那里画好页面，于这般时刻全然能够给予模型直接“看图说话”之举。我们仅仅需将 Figma 的设计链接抛给它，它便能够借助 MCP 服务自行识别页面结构、组件类型、交互关系这些细节。
我们能够于Figma社区当中寻觅一些公开的图像设计类相关资源，接着是喜欢的风格、布局之类的，当然是越接近越好，就如同我们要去制作一个内容创作工具，我们便找到类似的设计资源，当然很细分的需求也难以找寻到完全一样的，实际上主要是看你所喜欢的风格能够直接进行视觉化的描述就行 。
这一步存在着极大的益处，那便是，模型对于界面的理解途径与人别无二致，它清楚哪处是按钮，哪处是输入框，并且明晰用户点击一下会引发怎样的状况 ，后续若要使其编写前端代码，或者生成交互逻辑，便会进展得顺遂许多，免得我们逐个功能再度进行阐释 。
提示词这个就很简单：
结合我的figma设计稿链接（
读取我的prd文档，帮我实现编号为29 - 1239且时间为 - 4的这个功能，遵循Css设计规范，用CND图标替换，用图片替换对应的图片信息。
7.如果要它接入系统，那接口文档得准备好
给 AI 准备好对应的API文档
想要它进一步帮咱们动手开展工作，像是调用数据库，调取用户信息，这就得先把API文档给予它 ，只要咱们将接口说明，参数规则，请求方式书写清晰，它便能够“学会”怎样调用这些 服务，后续能够自动帮咱们编写代码，拉取数据，生成内容，不用咱们手动对接每一个环节 。
早些时候，我们曾为大家分享过，怎样把大模型的API文档逐个步骤地给予，接着让大模型去做读取，如此就能够实现对接的相关内容。
8.前面准备好了，就让它开始上手干活
让 AI 开始读取文档帮我们干活
倘若 PRD 以及接口全都处理好了，那么就能够使 Q 正式开始工作。我们能够直接告知它去读取我们的需求文档、API 文档，它便能够依据文档自行处理，切实将分析、设计、开发连贯地一同进行了。
之前咱们已直接使其着手干活了，能够瞧见它已产出了一个基础版本的内容：
咱们也可以来看看最后运行完成实现的效果：
9.产品介绍也不用自己写，交给它就行
让 AI 帮我们写一份产品介绍文档
欢迎 你 发表评论: