2026.05 / AI 辅助原型设计
用 Claude Design 从对话到原型
一个做 startup 的朋友找我帮忙：他想做一个产品，让品牌在发布营销文案之前，用 AI 生成的“数字分身”人格来模拟受众反应，提前看到 1000 个用户会怎么想。
完整流程
Compose → Live Run → Report → Theme → Persona
Compose 变体
Wizard / Conversational / Two-panel
验证产品概念
朋友需要的不是 PPT，也不是线框图，而是一个可以让投资人和团队直接体验的高保真原型：有真实数据、有动画、有完整用户流程。
过去做这种原型，要么用 Figma 逐屏画，要么找开发写前端。两种方式都需要几天甚至更长。这次我直接把产品概念和核心问题抛给 Claude Design，让它判断这个产品应该有哪些页面、每个页面应该呈现什么信息、用户怎么流转。
我负责提供问题和约束，Claude Design 负责给出设计方案；我的工作从画界面，转成评估方案是否成立。
从 0 到 5 屏
我给 Claude Design 的输入不是“第一屏放表单，第二屏放网格”这种逐屏描述，而是整体产品问题：品牌团队想在发布前用 AI 人格模拟 1000 个用户的反应，需要一个从输入文案到看到结果的完整操作流程。
把输入文案和预览受众放在同一屏，右侧直接展示样本人格和受众散点图，让用户在启动模拟前就能看到谁会来评价文案。
用 10x10 色块网格可视化 1000 个 agent 的情绪变化，配合流式反应 feed 和主题聚类，让用户感到模拟真的在运行。
把信息层级组织成总分、原因、修改建议：先看整体评分，再看情绪分布、人群热力图、Key Findings 和排序建议。
从报告钻入具体主题，展示严重度、集中人群和代表性引言，让用户知道质疑来自哪里、具体在说什么。
进一步进入人格画像，展示年龄、职业、消费标签、完整反应文本和购买意向，让统计结果变成有态度的人。
在这个过程中，我反复检查的不是视觉样式，而是信息层级：用户先看什么、后看什么、在哪一步需要更深的解释。
Compose 三个变体
初版 Compose 功能齐全，但所有信息同时呈现，用户不知道先看哪里。我没有自己重画，而是让 Claude Design 直接 propose 三个可交互替代方案。
把流程拆成 Message、Audience、Launch 三步。每一步只处理一个任务，适合刚接触产品的新用户。
把 Compose 变成和 AI 分析师的一次对话。用户粘贴文案，AI 推断受众，用户可以继续追问和调整。
左侧是工作区，右侧是 Live Preview。适合有经验的用户一边调参，一边查看受众构成和人格网格。
关键不在于哪个方案最好，而在于三个方向在一次对话里就都能生成。传统流程里，探索三个方向意味着三份 Figma 文件或三轮设计评审；在 Claude Design 里，它变成了几分钟内可以直接点击的原型。
设计师在 AI 工具里做什么
一句“给我一个对话式版本”就能生成新方向。改变的不只是速度，而是你愿意探索的方案数量。
我没有规定每一屏长什么样，而是提出问题、评估方案、发现不对的地方，再让 Claude Design 继续 propose。
比起 PPT 或 Figma 标注，一个能在浏览器里点的原型能让团队和投资人更快理解产品流程。
工具负责生成和执行，人负责提出好问题、判断方案质量，并决定什么时候继续探索，什么时候收敛。