为什么 PM 需要 AI 原型工具？
传统流程：需求讨论 → 画原型 → 评审 → 改原型 → 再评审...循环多次。
AI 辅助流程：口述需求 → AI 生成可交互页面 → 当场验证 → 快速迭代。
工具选择
| 工具 | 适合场景 | 上手难度 |
|------|---------|---------|
| v0 | 快速生成单个页面/组件 | 极低 |
| Bolt.new | 生成完整的多页面应用 | 低 |
| Cursor | 在现有代码基础上修改 | 中 |
v0 实操教程
场景一：生成一个列表页
> 帮我生成一个二手商品列表页，包含：
> - 顶部搜索框和筛选按钮
> - 商品卡片：图片、标题、价格、卖家头像、浏览数
> - 列表支持上拉加载更多
> - 空状态和加载骨架屏
有 80% 的概率 v0 能一次生成可用的页面。
场景二：生成一个表单页
> 帮我生成一个"发布二手商品"的表单页：
> - 上传图片（支持多张）
> - 商品标题
> - 商品描述
> - 成色选择（全新/几乎全新/轻微使用/明显使用）
> - 售价
> - 提交按钮
场景三：微调
> 帮我在商品卡片上增加一个"卖家信誉"标签（好评率 > 95% 显示"靠谱卖家"）
关键技巧
- **描述越具体，生成越精准**：不要只说"好看的商品卡片"，要说"白色卡片，圆角 12px，阴影，图片在左，文字在右"
- **先粗后细**：先生成整体布局，再逐个组件微调
- **利用现有 UI 库**：告诉 AI 用 shadcn/ui 或 Ant Design，生成的代码更规范
什么时候用 Figma 而不是 AI？
- 需要高保真视觉设计（品牌色、字体、动效）
- 复杂交互流程（多分支跳转）
- 需要设计师深度参与的评审场合
- 设计系统已有成熟组件库
AI 原型的定位是「快速验证想法」，不是「替代设计」。