我用 AI 做了个应用：从方案到上线的完整实战复盘

前言

大家好！我是 abo。作为一名在阿里工作了 11 年的 UI、体验设计师、设计 Leader。我在最近的 1 年做了一个重要的决定：离开大厂，投身 AI 创业。

关于我的经历：

从设计师到AI创业者：我的11年阿里设计之路

一、关于我，不走寻常路的设计师 嘿，大家好！

阅读文章 >

很多人问我："为什么要在当前的经济环境下选择创业？"说实话，这个决定我也深思熟虑了很久。但看到 AI 技术的迅猛发展，我意识到这可能是我职业生涯中最后一次赶上重大技术革命的机会。

现在回看，这个决定让我见证了产品研发方式的革命性变革。

AI 改变产品研发流程

在大厂工作时，一款产品从构思到上线，往往需要几十人的团队忙活大半年：产品经理写 PRD、设计师做视觉、前后端开发、测试运维…每个环节都需要专门的人力投入。

但就在最近几个月，我和两个小伙伴做了一次大胆的尝试 - 用多个 AI 工具协同，仅用 3 个月就从 0 到 1 搭建了一款治愈系小程序「萌友会」。从产品方案到界面设计，从代码开发到运营物料，我们在每个环节都深度应用了 AI 工具。

我们的 AI 工具矩阵是这样的：

1. Claude 作为"产品经理助手"，帮我们做市场分析、写 PRD、构建用户故事

2. Claude 的 Project 功能成为我们的 AI 私有文档库

3. MasterGo 的 AI 功能用于界面设计，快速搭建原型

4. Midjourney 负责视觉创作，生成各类配图和素材

5. Suno AI 帮助我们生成治愈风格的背景音乐

6. Cursor AI、Claude 则成了我们的"编程助手"，加速代码开发

但结果证明这种尝试是值得的 - 我们不仅大大缩短了开发周期，更重要的是，这种敏捷的研发方式让我们能快速验证想法，及时调整方向。

这个经历让我深刻感受到：AI 不仅仅是提升效率的工具，更是重塑整个产品研发流程的催化剂。它让小团队也能快速打造有温度的产品，这可能就是 AI 时代产品研发的新范式。

萌友会：用 AI 打造一款有温度的 AI 陪伴

我们的产品叫「萌友会-治愈系 AI 宠物」，可以通过小程序搜索找到哦～

在决定创业之前，我注意到一个令人心痛的现状：目前国内每三个年轻人中就有一个正在经历严重的心理问题。而在我身边，也经常有朋友半夜发消息倾诉：“一直被领导 PUA，感觉自己快撑不住了…”，“最近经常失眠，躺在床上怎么也睡不着…”。

但现实是，很多人并不愿意或不敢向他人倾诉。即使想说，身边也未必随时有合适的倾诉对象。

正好那时我在研究 AI 产品，突然意识到：为什么不能让 AI 成为这样一个朋友呢？这就是萌友会的初衷 —— 用AI打造一群暖心的动物伙伴，在你需要的时候默默陪伴。

我们在产品设计上下了很多功夫，借鉴和运用一些游戏化的设计，营造一个治愈的产品氛围，每个 AI 小动物都有独特的性格和故事。

正是基于这样的产品愿景，我们开始了紧张的开发历程。接下来，我将详细分享如何用 AI 工具，帮助我们快速实现这些产品构想…

一、AI 改变产品经理的工作方式

但有了 Claude 这样的 AI 产品经理后，一切都不一样了。

1. 高效的产品规划流程

基于 Claude 的特点，我总结出一套高效的产品规划方法：

产品战略规划

我和 Claude 的第一次对话是这样的：“我想做一款情感陪伴类产品，帮我分析下市场机会和现有产品的问题。”

Claude 立刻给出了一份完整的分析：从市场规模说起，到用户痛点、竞品优劣势、机会空间，整整 5000 字的报告，比很多产品经理写的还要专业。

最让我惊喜的是，它不只是简单罗列数据，而是真的理解了产品本质。比如它指出：“现有产品都在模仿人类对话，但用户其实不需要一个’假人’，而是需要一个’知心朋友’。这暗示我们可以用拟人化的小动物作为载体…”

从那以后，Claude 就成了我的"产品经理导师"：

我：“帮我分析市面上主流的 AI 情感陪伴应用有什么异同点？”

Claude：“让我从产品定位、交互方式、商业模式三个维度进行分析…”

需求管理与文档输出

PRD 编写：Claude 擅长将想法转化为结构化的产品需求文档。我通常这样使用：

我：“帮我梳理萌友会的核心功能模块，需要包含功能描述、实现方式和优先级。”

Claude 会输出清晰的功能列表，包括：

1. 宠物选择与互动系统

2. 情感识别与回应机制

3. 用户画像与个性化推荐

4. ...

产品创新与优化

功能头脑风暴：利用 Claude 的发散思维能力激发创新想法：

我：“写一个年轻职场人使用萌友会的典型场景。”

Claude 会生成生动的用户故事，帮助团队理解产品价值。

产品框架思路

流程图：Claude 可以直接输出多种图表，例如常用的流程图、脑图等等，非常方便在产品方案设计的前期帮助我们梳理思路。

2. 项目文档管理神器

例如：上传市场调研报告、竞品分析文档、产品需求文档、用户研究数据等等

二、UI 设计环节：MasterGo 的 AI 赋能

作为一款国产设计工具，MasterGo 的 AI 能力给我留下了深刻印象。它不仅能提供基础的设计功能，更通过 AI 大大提升了设计效率。我最喜欢里面的三个功能：

1. 设计灵感：提供丰富的 UI 组件模板库，可以快速搭建页面框架 。过去要快速设计一个页面的原型，需要自己画每一个组件，或者调用组件库里的组件，或者到资源社区里找别人设计好的模版，但找起来也非常费劲。

2. 图像增强：集成了很多常用的图片处理的功能，比如可以将模糊的图片变高清，效果非常好。还有比如图片可以从方图变成 16:9 的长图，类似 Photoshop AI 的功能，扩图的效果也很好。还有，可以将位图转成矢量图，方便二次编辑。

3. Magicon：由于是游戏化的界面设计，我们在萌友会的设计中有大量的图标设计。我发现 MasterGo 中居然有生成图标的功能，比如我可以输入“粉色的信封”就可以生成图标，并且生成的图标挺漂亮的。

三、Midjourney：拯救了设计资源匮乏的我们

最后，我们决定试试 Midjourney。通过不断调试提示词，让 AI 帮我们构建各种暖心场景：温暖的咖啡厅、安静的图书馆、星空下的小屋…很快，照片库就从 0 增长到了上百张。当我们收到用户反馈说"每天最期待收到宠物的照片了"时，那种成就感让人觉得一切努力都值得。

但 Midjourney 也有它的局限性。我们试过用 AI 来设计宠物角色，但发现两个问题：一是很难保证每次生成的角色形象完全一致，二是后期需要制作动态表情和动画，AI 生成的图片不太好处理。最终我们找到了一个完美的解决方案：使用 Midjourney 生成的背景素材图，和设计师精心设计的宠物角色通过 Photoshop 进行融合，这样既保证了场景的丰富多样，又确保了角色形象的一致性。

总的来说，我觉得要把 Midjourney 用好，关键是要清楚它的边界。该用 AI 的地方就大胆用，比如批量生成背景、场景素材、图标素材；不适合用 AI 的地方，比如需要高度一致性或者后期制作动画的核心角色设计，就还是交给专业设计师更靠谱。这样做不仅能保证效率，还能确保产品的整体质量。

四、开发阶段：让 Cursor AI 和 Claude 成为你的编程助手

Cursor AI 和 Claude 成了我们的得力助手。以前写代码经常要搜索、查文档、改 bug，过程总是磕磕绊绊。有了 AI，开发效率至少提升了 40%。

它就像一个经验丰富的高级程序员，帮我们解决了很多开发难题。比如做后端接口，它能快速生成标准的 API 结构。特别是在处理一些复杂的业务逻辑时，Cursor AI 总能给出不错的解决方案。

不过使用 Cursor AI 也要注意一点：它生成的代码仅供参考，需要我们理解后再使用。我们的做法是先让 AI 生成代码框架，然后再根据具体需求进行修改和优化。这样既保证了代码质量，又大大提升了开发速度。

最让我惊喜的是它的代码优化建议功能。当你写完一段代码，它会主动提出改进意见，比如指出潜在的性能问题、提供更优雅的写法，就像有个技术导师在身边及时指导。这对提升代码质量特别有帮助。

总的来说，Cursor AI 让我们这个小团队也能快速交付高质量的代码。它不是用来完全替代程序员，而是帮助我们更高效地完成开发工作。

以上是我们用 AI 进行产品规划、产品方案、产品设计、UI 设计、前后端开发应用 AI 的实战经验，希望大家可以在工作中参考借鉴。

「萌友会」治愈每一个焦虑的人

我深知当代年轻人面临的压力。焦虑、迷茫、孤独，这些情绪时常困扰着我们。

萌友会 - 希望用 AI 的力量，为每个需要温暖的人搭建一座情感的桥梁。毕竟在这个时代，我们每个人都需要多一些倾听和理解。