AIGC和Vibe Design正在重新定义内容生产与产品设计的边界。从AI生成的情诗到动态界面，这场技术变革不仅改变了生产方式，更重塑了人机交互的情感维度。本文将带你深入理解这两个概念如何打破传统范式，以及产品经理如何在这场变革中找到新定位。

我是一个很容易对新事物新技术感到焦虑的人，遇到AIGC，遇到Vibe Design时候就是这样，这些专有名词让我觉得有点无从下手，不知道它是什么样的，它该怎么用，但又觉得不得不去探索，因为这又是一次生产方式的变革，不学习就会out了，又被甩在队尾了。

刚开始，我的反应是这是新瓶装旧酒吗？AIGC不就是AI生成内容，Vibe Design不就是设计师又造了个新的行业黑话？产品能用、功能跑得通不就行了，要什么氛围？

但深挖下去，我错了，而且错得很彻底。现在我追溯到我刚接触到这些的时候，我是怎么面对技术焦虑的。这篇文章，是我一个设计小白、工具盲、不懂美学的PM，在被时代逼着思考之后，写下来的认知笔记。

AIGC：生产方式的一次“地震”

AIGC，全称 AI Generated Content，字面翻译是“人工智能生成的内容”，但如果只把它理解成“AI帮你写文案、画图、做视频”，那我们就只看到了冰山一角。要理解AIGC真正改变了什么，我们得先回溯一下，内容是怎么被生产出来的。

在AIGC出现之前，内容生产经历了两个阶段：

第一阶段：PGC（专业生产内容）： 内容由专业机构生产，你看的新闻，是记者写的；你刷的广告，是4A公司做的；你用的App界面，是设计师一帧一帧画出来的。门槛极高，速度极慢，成本极贵。

第二阶段：UGC（用户生产内容）：互联网把生产权交给了普通人，抖音、小红书、微博，人人都能发内容。门槛降低了，但质量参差不齐，而且依然需要人来做。

第三阶段：AIGC（AI生成内容）：这一次，连“人来做”这个环节，都开始被绕过了。

以前的AI是个“顾问”，我问它问题，它给我分析和建议，但最终的内容还是得我来生产。而AIGC时代的AI是个“执行者”，我只要告诉它我想要什么，它直接交付给我成品。图、视频、音乐、界面、文案、代码，一键生成，质量越来越高，速度越来越快，成本越来越低。这不是量变，是质变。AIGC的本质，是把“生产内容”这件事的门槛，降到了接近于零。

光讲概念有点太抽象。作为一个还不太依赖使用这些工具的人，我是通过两个真实案例，真正感受到AIGC在改变什么。

案例一：霸王茶姬×DeepSeek——机器写出来的情诗

情人节，霸王茶姬做了一个营销活动：用DeepSeek给自家每一款产品生成专属情诗。把“水仙乌龙”写出了爱情的味道，把”玛格丽特”写出了异国情缘，把“伯牙绝弦”写出了知音难觅的遗憾。

这些诗，不是人写的，是AI理解了每款产品的原料、口感、名字背后的文化意涵之后，现场创作的。活动上线后，社交媒体互动量暴涨200%。为什么有这种效果？因为读起来根本不像AI写的，有温、有情绪，甚至有点点文人气质，这就是一种Vibe：明明是AI生成的内容，但让人觉得“有人在用心”。这让我第一次深刻意识到：AIGC不只能生产内容，它还能生产”有感觉的内容”。而这个“感觉”，才是真正值钱的东西。

案例二：即梦AI×《三星堆：未来启示录》——一部AI拍的科幻剧

字节旗下的即梦AI，联合博纳影业，拍了一部AIGC科幻短剧。

剧本创作、概念设计、分镜、图像到视频的转换、后期剪辑……十种AIGC技术全程参与，要想这以前是需要几百人的剧组才能完成的工程，现在一个小团队借助AI工具就能做到。这个案例让我开始真正理解AIGC对行业的冲击：内容不再是“人做完放在那里给你看”，而是AI实时参与生产的产物，生产的速度、成本、门槛，都发生了根本性的变化。

Vibe Design：产品有没有灵魂

我们都感受到了，这个时代的技术更新和信息更新速度都特别快，可能上个月我们还在讨论提示词工程，再过几个月就开始讨论vibe coding，就是感觉最近“Vibe”这个词突然到处都是。Vibe Coding、Vibe Design、Vibe Marketing……好像什么东西前面加个Vibe，就变成了新时代的产物。

Vibe Coding的本质，不是代码变好看了，而是“不会写代码的人，现在也可以做软件了”。Vibe Design的本质，不是设计变有氛围了，而是“不会做设计的人，现在也可以做出有感觉的产品了”。

以前，“我不会”是一个真实的边界。不会写代码，就是做不了产品；不会设计，就是做不出好看的界面。这个边界是客观存在的，没有捷径。现在，“我不会”正在变成一个借口。因为AI已经把“会”这件事，从你的前置条件，变成了你的可选项。你不需要先学会，你只需要知道自己想要什么。

Vibe的本质，是“能做”的边界在消失。每一个“以前做不了”的人，正在获得一个可以做的工具。这是一件听起来很爽的事。但它同时意味着：当所有人都能做的时候，“做了什么”不再是差距，“做得有没有感觉”才是，有没有把一款产品做到用户心里去才是。

氛围设计 (Vibe Design) ，它标志着从传统、死板的 UI/UX 设计（像素、网格和可预测的点击路径）向设计动态、具有环境感的“人机关系” 过渡，其核心逻辑是：利用多模态 AI 作为创意的放大器，通过输入自然语言、截图或参考 URL，由 AI 承担结构生成的脏活累活，而人类则保留画布上的拖拽、微调等直觉控制。

当软件能够实时改变其界面，像同行一样与你交流并预判你的意图时，你就不再仅仅是在设计一个功能性工具，你是在设计一种情感和心理上的“氛围”。在传统的产品管理中，你需要规划一条确定性的用户旅程：用户点击 A → 用户看到 B → 用户达成目标 C。

在生成式 AI 应用中，路径是非确定性的。用户输入一个模糊的提示词，AI 与之共同创造出结果。因为你无法精确控制像素级的体验旅程，所以你必须设计氛围的边界——人设氛围： AI 到底是一个极其高效、隐形的底层工具，还是一个具备协作精神、风趣幽默的伙伴？（例如：冷冰冰的命令行工具与对话式助手的区别）；安全感/信任氛围： 系统如何处理不确定性或幻觉？一个自信地胡说八道的产品，其“氛围”是灾难性的；而一个会说“嘿，我对这个有 70% 的把握，但你可能需要仔细核对一下”的产品，则设计出了一种透明、伙伴般的氛围。

目前最主流、最能打的 Vibe Design 工具生态 可以划分为以下四大阵营：

纯正派：AI 原生设计画布

这类工具不要求你画格子、对像素，它们的核心交互是一个“无限画布”和一个输入框，你描述一种感觉、一个业务目标，甚至喂它一张截图，它直接吐出高保真 UI。

界面即代码：从 Vibe 走向 UI 落地

这类工具介于设计与编程之间。你用大白话描述界面的长相、布局和交互体验，它直接在浏览器里实时渲染出前端代码。这是产品经理做高保真 Demo 的绝对大杀器。

全栈闭环：动动嘴搞定 App 原型 (Vibe Coding/Design 一体化)

如果你不仅希望界面好看（Vibe Design），还希望这个产品立刻能跑起来、有数据流、能发布给用户测试（Vibe Coding），以下工具是目前的主流：

可是我又在想了，有了vibe design的工具，那么怎么去践行vibe design呢？“氛围设计”依靠每个人当下的感觉和需求洞察，可是感觉这个东西，怎么能设计出来？这个很难量化，但后来我发现其实它可以被拆解成我能理解的三个维度：

维度1：呼吸感（速度的艺术）

我发一个问题，AI如果转圈圈5秒，然后突然“啪”地蹦出一万字，这叫查数据库，但如果它像人类思考一样，光标微微闪烁，然后逐字吐出，有停顿、有节奏，偶尔还会断一下重新组织语言——这就叫有“呼吸感”。同样的内容，同样的信息量，一个让你觉得在等机器运算，一个让你觉得在和一个人对话。差距在哪里？在节奏！

你有没有注意到，Claude回答问题的时候，是逐字流式输出的，而不是等待后一次性蹦出来？这不是技术限制，这是产品决策。因为流式输出会让用户觉得“它在思考”，而不是“它在运算”。一字之差，体验天壤之别，这就是Vibe。

维度2：人设感（文字的温度）

你对一个AI说“我好累，最近压力很大”。

• 没有Vibe的AI：“您好，我理解您的心情，以下是五个缓解压力的建议：1.保持规律作息；2.适当运动；3.……”
• 有Vibe的AI：“（叹气）听起来真的很累，你能说说最近是什么让你焦虑吗？”

同样是AI，一个让你觉得在查健康手册，一个让你觉得旁边有个人。差距在哪里？在语气！在那个“叹气”，在那句“能说说吗”，它没有着急着给解决方案，它先接住了情绪。这种语气的控制，不是随机的，是产品团队提前定义好的。这个AI的“人设”是什么，它是知心朋友还是专业顾问？它在用户难受的时候应该先共情还是先给方案？这些全是产品决策，全是Vibe Design的范畴。

维度2：生命力（界面的流转）

这是最硬核的一个，也是AIGC时代最新的产品形态：动态生成界面（Generative UI）。以前我的产品界面是固定的。1000个用户打开同一个App，看到的是同一个菜单、同一个按钮排列、同一个页面结构，产品是死的，用户需要去适应产品。但动态生成界面彻底翻转了这个产品逻辑，界面不再是提前做好放在那里，而是根据用户当下的需求，实时“长”出来的。

Generative UI ：让我头皮发麻的产品形态

Generative UI 让 Vibe Design 摆脱了像素、网格和固定流程的束缚，让“氛围”第一次拥有了现场实时编织、因人而异的生命力，但也正因如此，Vibe Design需要进行进行氛围边界的设定，以防Generative UI 100%自由发挥。Generative UI 让界面不再是一具冰冷的僵尸，而是变成了像水一样能主动化形、主动适应人类的需求，而 Vibe Design 则确保了水无论怎么流动，都带有直击人性的温度与克制。

我用几个场景来解释，因为这个东西只有感受过才能真正理解，或者说只有“痛过”才会知道——作为用户我想得到的不是这个，而是那个。

场景一：贷款计算

你跟AI说：“帮我算一下30年期、月供不超过8000块，我能贷多少款？”

• 没有Vibe的AI生成：在聊天框里给你吐出一堆公式和数字，乱糟糟的，你得自己去对照理解。
• 有Vibe的动态生成：屏幕右侧像拉开窗帘一样，“唰”地一声，现场长出来一个带折线图、带滑块的动态计算器。利率、期数、月供，全是活的，你拖动滑块，数字实时跟着变。你不用学这个App的任何菜单，界面主动适应了你的需求，在你提问的那一刻根据你个人的需求现场为你生长出来。

场景二：情绪陪伴

深夜，用户打出一句话：“我最近压力很大，好像快撑不住了。”

• 没有Vibe的AI生成：弹出一段五条建议的有序列表，第一条“保持规律作息”，第二条“适当运动”——冷冰冰的，像一张贴在公告栏上的健康手册，你越看越烦。
• 有Vibe的动态生成：界面的色调悄悄变暖，字体间距稍微放宽，AI先轻声回应了几句话，然后在对话框下方“长”出来三张小卡片：「今晚想聊聊吗」「帮我列出待解决的事」「播放一个冥想引导」。不是菜单，是三条伸出来的手，用户没有被给予一份建议，而是有被稳稳的接住了。

场景三：儿童学习

一个八岁的孩子对AI说：“我不懂为什么天空是蓝色的。”

• 没有Vibe的AI生成：输出一段关于光的散射、瑞利散射原理的文字解释，孩子直接关掉。
• 有Vibe的动态生成：界面上“长”出一个小动画——一道白色阳光打进大气层，蓝色光波像小鱼一样四散跳跃，铺满整片天空。配上一句话：“因为蓝色光最调皮，跑得最快，到处乱蹦！”孩子看完，“哦！”，然后继续问下一个问题。

场景四：医疗导诊

一位行动不便的老人，口述：“我肚子疼了两天，不知道该看什么科。”

• 没有Vibe的AI生成：列出内科、外科、消化科、急诊科的区别，让老人自己判断。
• 有Vibe的动态生成：界面上干干净净地，只长出一个巨大的、清晰的按钮：【一键呼叫医生】。没有菜单，没有选项，没有需要老人理解的信息，界面主动判断了这个时刻最重要的事，并且只呈现那一件事。

这背后的技术逻辑其实不复杂：大模型（LLM）在后台不只是输出文字，它同时在输出结构化的界面指令。前端的渲染引擎接到指令，实时把代码织成用户看得见、摸得着的界面组件。以前PM画原型、设计师出图、前端敲代码，一个功能最快也要几天；现在这个链路被大幅压缩了，与AI在对话的同时，就能现场“织”出一个界面来。

其实这也就是vibe design 和vibe coding在我们这个产品开发全生命周期中协同作用的过程，具体表现在——在做产品时，这两个概念并不是孤立的，而是形成了一个“由表及里，再由里及表”的闭环：

Vibe Design 是“灵魂与定义”（输入端）： 它解决的是“我们要给用户提供什么样的心理磁场与人机关系”。它是你对用户痛点的同理心，对认知主权的捍卫，以及对界面动态适应性的规划。

Vibe Coding 是“血肉与工程”（输出端）： 它解决的是“如何用最短的时间把这种氛围变成真实的、可运行的软件”。你不再去写具体的底层代码，而是通过对 AI Agent（如 Claude Code、Bolt.new）进行高频的提示与反馈，把 Vibe Design 中定义的“那种感觉”给编码出来。

核心关系： Vibe Design 是 Vibe Coding 的方向盘和验收标准。如果没有明确的 Vibe Design，你的 Vibe Coding 就会迷失在 AI 生成的无意义代码海中；而没有 Vibe Coding，再惊艳的 Vibe Design 也只是一张无法交互的静态图片。

在传统流程中，产品经理画原型（PRD）/ UI设计师做视觉 / 前端开发写代码，环节之间存在巨大的“认知鸿沟”。而在 Vibe 时代，这个流程被压缩成了一个高度一体化的敏捷循环：

当你在构思一个产品（例如一个给低文化人群使用的“极简语音导诊应用”）时，你首先启动的是 Vibe Design 思考：设计目标： 消除老年人在医院的孤独与焦虑感；氛围定义： 极致的留白、具有呼吸感的语音波动、绝对包容的语气。此时，你脑海中已经有了这个产品的“气场”。

然后你打开 v0、Bolt.new 或 Google Stitch，开始进入 Vibe Coding 状态。你不需要写一行 React 或 HTML，你直接对 AI 发出带有 Vibe 属性的指令：“给我生成一个导诊页面。视觉上要极简，背景用温和的暖白色，不要有任何复杂的菜单。屏幕中央放一个巨大的、带有微光呼吸效果的绿色麦克风按钮。当 AI 说话时，按钮周围要出现平滑的水波纹动画。”

AI 快速吐出了界面。你点击运行，发现水波纹动画太快了，闪得人眼晕，而且 AI 的提示语显得很生硬（“请输入您的症状”）。

• Vibe Design 做出判断： 这个 Vibe 不对，太机械、太傲慢了，会给老人家带来压迫感。
• Vibe Coding 执行修正： 你立刻在终端或输入框里吐槽：“动画速度放慢 3 倍，要像有呼吸一样平缓。AI 的提示语改成：‘老人家，您现在哪里不舒服？跟我说说，我帮您看看。’”

AI 瞬间重构代码，氛围再次对齐。

不会设计的PM，现在可以做什么？

消除“Vibe Design是设计师的事，我一个不会配色、不懂字体的PM，能参与什么？”的误解，当我们真正想清楚动态生成界面的技术逻辑之后，就会发现，PM恰恰是这件事里最关键的角色，不是设计师。

原因很简单，AI能生成界面，但它生成的是“可能性”，不是“正确答案”，从可能性里选出正确答案的人，是PM。而这个判断，依赖的不是设计技能，依赖的是你对用户的理解、对产品气质的把握、对“这个时刻用户需要什么”的感知。

AIGC把开发门槛打穿了，有了AI辅助编码工具，一个功能的实现速度大幅缩短。你今天上线的新功能，竞品可能下周就复制了。AIGC也把设计门槛打穿了，有了AI设计工具，你花了三个月打磨的界面风格，对手一周用工具生成一个差不多的。在这种环境下，什么不会被复制？——气质。

一个产品的气质，是从它第一次和用户打招呼的方式，到它在用户出错时的语气，到它在用户完成一个任务时庆祝的方式，到它在凌晨三点陪着失眠用户说话的温度——这是一个系统性的、一致性的、深入每一个交互细节的东西。它不是一个功能，不能被单独复制。它是整个产品的DNA，而这个DNA，是由PM定义的。

看到这里，可能会觉得有点累，可能会觉得有一点技术焦虑。可是当我们尝试去做，就会觉得这其中的逻辑很简单，就是想清楚自己要做什么，做成什么样的，剩下的都交给工，但前提是我们得构建自己的Vibe链路，只要自己要做什么，怎么做。

1. 收集灵感： 在网上看到好看的、符合我产品调性的界面，直接截图，或者复制 URL。
2. 视觉生成 (Google Stitch / Visily)： 将截图或 URL 喂给 Stitch，让它提取设计系统，并用自然语言描述你的业务场景，让 AI 帮你生成最初的 3~5 个关键页面原型。
3. 前端外壳 (v0 / Bolt.new)： 把初步满意的原型想法或截图丢给 v0 或 Bolt，用提示词调整微观的交互氛围（例如：“吐字动画要像真人在思考一样有呼吸感，感知延迟要用平滑的渐进条包裹”），当然这样的提示词我现在还做不到，因为我可能描述不到这么精准，就只能不断练习不断调试。
4. 无缝对接研发： 将生成的代码或 Figma 链接直接抛给开发团队。此时，你交付的不再是一纸空洞的需求文档，而是一个“连呼吸节奏都调整好了的、看得见摸得着的活体 Demo”。

而这个流程里最重要且最核心的不是工具用的好不好、熟不熟练，而是业务场景描述的清不清楚，能不能在做之前就思考清楚：你的产品面对的是什么样的用户？他们在使用产品的时候处于什么处境？他们最需要被理解的是什么？他们最不能接受的是什么？

写在最后

写这篇文章的过程，说实话让我自己也经历了一次认知的重建。我需要承认的是，有一些工具我至今还未使用并体验过，但是通过这样的方式重新梳理了我的理解。

我从一个觉得“Vibe Design是设计师的黑话”的专注功能实现的PM，变得想要开始认真思考“用户和产品之间的情感关系”的PM。这个转变，不是因为我去了解了Figma是什么，知道使用这个工具我能实现什么效果，也不是因为我突然懂了色彩理论和美学。而是因为我真正理解了一件事：

“在AI时代，技术的边界由工程师去突破，但技术的温度，必须由PM来守护。”

算法不知道什么是”正确的感觉”。大模型可以生成一千种界面方案，但它不知道哪一种在凌晨三点对着屏幕哭泣的用户面前是最对的。它不知道对于一个不懂科技的老人来说，一个巨大清晰的按钮比一个功能全面的菜单更重要。它不知道对于一个刚刚失去工作的人来说，一句“今天辛苦了”比五条建议更有价值。

这些判断，需要的是对人性的理解，是对情绪的感知，是站在用户的处境里去想“我现在最需要什么”。而这些，是AI暂时做不到的，这些，是PM存在的意义。AIGC不是来取代PM的。它是来帮PM把更多精力从”如何实现”上解放出来，放到”应该实现什么、用什么感觉实现”上。

当技术边界（如上下文窗口或 token 限制）被高度普及后，任何产品的最终竞争优势都将是它与人类用户的关系。谁能设计出最直观、最尊重人、最能赋予用户力量的“氛围”，谁就能赢。