前言
产品开发是一条长链路:需求分析 → PRD → UI 设计 → 技术方案 → 代码实现 → 测试 → 部署。每个环节都有大量重复性工作——写文档、画原型、搭脚手架、写测试用例。
AI 正在改变这条链路的每一个环节。但大多数教程只聚焦单个工具或单个环节,缺少一张全景地图。
这篇文章就是那张地图。我会覆盖产品开发全链路中 AI 能做什么、用什么工具、怎么用,以及——同样重要的——它做不了什么。每个环节点到为止,后续会各写深度篇。
如果你对"需求 → PRD"这个环节感兴趣,推荐先读 用大模型将需求转换成 PRD 文档,那是本系列的深度篇。
一、全链路总览
需求分析 ──→ PRD ──→ UI/设计 ──→ 技术方案 ──→ 代码实现 ──→ 测试 ──→ 部署
│ │ │ │ │ │ │
AI 参与度: 高 高 中 高 高 中 低
| 环节 | AI 能做什么 | 推荐工具 | 人类不可替代的部分 |
|---|---|---|---|
| 需求分析 | 竞品调研、用户故事生成、需求拆解 | ChatGPT, Claude, Perplexity | 业务判断、优先级决策 |
| PRD | 结构化文档生成、边界情况补充 | ChatGPT, Claude | 需求确认、利益相关者对齐 |
| UI/设计 | 原型生成、线框图转高保真 | v0, Figma AI, Galileo AI | 品牌一致性、用户体验决策 |
| 技术方案 | 数据模型、API 设计、架构建议 | Claude, ChatGPT, Claude Code | 技术选型最终决策、基础设施评估 |
| 代码实现 | 代码生成、重构、补全 | Claude Code, Cursor, Copilot | 复杂业务逻辑、架构决策 |
| 测试 | 单元测试生成、边界用例补充 | Claude Code, Copilot | 验收标准定义、手动测试 |
| 部署 | CI/CD 配置、监控脚本 | Claude Code, GitHub Actions | 生产环境决策、故障响应 |
核心观点:AI 是加速器,不是替代品。每个环节中,AI 处理重复性工作,人类负责决策和判断。
二、需求 → PRD
这个环节我在 用大模型将需求转换成 PRD 文档 中做了详细讲解,这里回顾关键要点。
最实用的方法是模板填充法:给 AI 一个 PRD 模板结构,加上你的需求描述,让它按模板填充。这比让 AI 自由发挥效果好得多,因为模板约束了输出结构,减少了遗漏。
关键实践:
- 用
[待确认]标记 AI 不确定的部分,而不是让它编造 - 多轮迭代比一次性生成更有效——先生成框架,再逐节细化
- 始终人工审查,特别是边界情况和非功能性需求
详细的方法对比、Prompt 模板和完整实战,请阅读 深度篇 →
三、PRD → UI/设计
有了 PRD,下一步是把功能描述变成可视化的界面。AI 设计工具正在快速发展,目前有三种主要路径。
路径一:文字描述 → UI
直接用自然语言描述界面,AI 生成可交互的原型。
代表工具:
- v0(Vercel):输入功能描述,生成 React 组件代码和预览。擅长生成现代 Web UI,支持 shadcn/ui 组件库
- Galileo AI:从文字生成高保真 UI 设计稿,支持导出到 Figma
Prompt 技巧:描述布局结构而非像素值。比如:
生成一个工单管理后台页面:
- 左侧边栏:导航菜单(仪表盘、工单列表、用户管理、设置)
- 主区域上方:筛选栏(状态筛选、优先级筛选、搜索框)
- 主区域:工单列表表格(列:工单号、标题、提交人、状态、优先级、创建时间)
- 使用 shadcn/ui 组件库,支持深色模式
路径二:线框图 → 高保真
先手绘或用工具画线框图,AI 将其转换为高保真设计。
代表工具:
- Figma AI:在 Figma 内直接使用,理解设计上下文
- Motiff:AI 驱动的设计工具,支持从草图生成设计稿
- 即时设计 AI:国内团队,中文支持好
路径三:截图 → 代码
把现有设计稿或竞品截图转换为前端代码。
代表工具:screenshot-to-code、v0(支持上传图片)
这条路径适合快速复刻参考设计,但生成的代码通常需要大量清理。
局限性
- 品牌一致性:AI 生成的设计很难自动匹配你的品牌规范(颜色、字体、间距体系)
- 复杂交互:多步表单、拖拽排序、复杂动画等交互逻辑,AI 目前处理不好
- 设计系统适配:如果团队有成熟的设计系统,AI 生成的组件往往需要大量调整才能融入
务实建议:把 AI 设计工具当作"快速原型"工具,而不是"最终设计"工具。用它快速验证想法,然后由设计师精修。
四、PRD → 技术方案
拿到 PRD 后,技术负责人需要输出技术方案:数据模型、API 设计、架构选型。AI 在这个环节的参与度很高。
AI 能生成什么
- 数据模型:根据 PRD 中的实体和关系,生成数据库表结构
- API 设计:RESTful 或 GraphQL 接口定义,包括请求/响应格式
- 架构选型建议:根据需求特征(并发量、实时性、数据量)推荐技术栈
- 技术选型对比:多个方案的优劣对比表
推荐方法
在 Claude 或 ChatGPT 中使用"架构师角色"+ PRD 上下文:
你是一位高级后端架构师。以下是一个工单系统的 PRD(摘要):
- 用户角色:普通员工、IT 管理员、超级管理员
- 核心功能:提交工单、分配工单、状态流转、评论、通知
- 非功能需求:支持 500 并发用户,99.9% 可用性
请输出:
1. 数据模型设计(ER 图描述)
2. 核心 API 列表(RESTful,包含路径、方法、简要说明)
3. 技术栈推荐(给出 2 个方案对比)
IDE 集成的优势
像 Claude Code 和 Cursor 这样的 IDE 集成工具有一个独特优势:它们能读取你的现有代码库。这意味着生成的技术方案可以与现有架构保持一致——使用相同的 ORM、遵循相同的目录结构、复用现有的工具函数。
这比在独立对话中生成方案要实用得多。
局限性
- 不了解团队技术栈深度:AI 不知道你的团队对 Go 比 Rust 更熟悉
- 无法评估基础设施约束:现有的数据库、消息队列、部署环境等
- 过度设计倾向:AI 倾向于推荐"最佳实践"方案,但你的项目可能只需要最简方案
务实建议:把 AI 生成的技术方案当作讨论的起点,而不是最终决策。让它帮你快速生成初稿,然后在团队技术评审中修正。
五、技术方案 → 代码实现
这是 AI 参与度最高、工具最成熟的环节。
工具全景
| 工具 | 模式 | 特点 |
|---|---|---|
| Claude Code | 对话式 + Agent | 能读取整个代码库,执行命令,端到端完成任务 |
| Cursor | IDE 内对话 + 补全 | 编辑器深度集成,支持多文件编辑 |
| GitHub Copilot | 补全式 | 实时代码建议,轻量无侵入 |
| Windsurf | IDE 内对话 + 补全 | 类似 Cursor,强调 Flow 模式 |
两种工作模式
对话式(Agent 模式):把 PRD 和技术方案交给 AI,让它逐步生成代码。适合从零搭建或大规模功能开发。
# Claude Code 示例:给定上下文,逐步实现
claude "根据这个技术方案,先实现数据模型和数据库迁移"补全式:在你写代码的过程中,AI 实时提供建议。适合日常编码,减少重复输入。
关键实践
- 用 CLAUDE.md 定义项目约定:代码风格、目录结构、命名规范。AI 会遵循这些约定生成代码,减少后续调整
- 分模块实现:不要一次让 AI 生成整个项目。按模块拆分,逐个实现,每步验证
- 先写接口再写实现:先定义类型和接口,再让 AI 填充实现。这样生成的代码更可控
想深入了解 AI 编码工具的使用,可以参考 Claude Code 完全指南 系列。
局限性
- 上下文限制:大型项目的代码库可能超出 AI 的上下文窗口,导致生成的代码与现有代码不一致
- 复杂业务逻辑:涉���复杂状态机、并发控制、分布式事务等场景,AI 生成的代码需要仔细审查
- 调试能力有限:AI 能写代码,但定位复杂 bug 的能力仍然有限
六、代码 → 测试
代码写完了,下一步是测试。AI 在测试环节的价值常被低估。
AI 测试能力
- 单元测试生成:给定一个函数,AI 能生成覆盖正常路径和边界情况的测试用例
- 边界情况补充:AI 擅长想到你没想到的边界情况——空值、超长输入、并发场景
- E2E 测试脚本:根据用户故事生成 Playwright 或 Cypress 测试脚本
推荐工作流:TDD with AI
最有效的方式不是"写完代码再补测试",而是反过来:
- 先让 AI 根据需求生成测试用例
- 运行测试,确认全部失败(红灯)
- 再让 AI 写实现代码,直到测试通过(绿灯)
- 重构
这种 TDD 工作流让 AI 的输出有了客观的验证标准,而不是靠人眼审查。
想了解更多 AI 辅助测试的实践,可以参考 Claude Code 测试指南。
局限性
- 不能替代手动测试:用户体验、视觉回归、无障碍访问等需要人工验证
- 不了解业务验收标准:AI 能测试代码逻辑,但不知道"这个功能对用户来说是否好用"
- 测试质量参差不齐:AI 生成的测试可能过于关注实现细节而非行为,导致重构时大量测试失败
七、部署与运维
这个环节 AI 的参与度相对较低,但仍有价值。
AI 能帮什么
- CI/CD 配置:根据项目技术栈生成 GitHub Actions / GitLab CI 配置
- 部署脚本:Docker 配置、Kubernetes 清单、Terraform 模板
- 监控告警:根据 SLA 要求生成监控规则和告警配置
- PR Review:自动化代码审查,发现潜在问题
想了解 AI 在 CI/CD 中的具体应用,可以参考 Claude Code CI/CD 指南。
局限性
部署和运维涉及生产环境,容错空间极小。AI 生成的配置必须经过严格审查和测试环境验证,绝不能直接用于生产。
八、串联实战:从一句话到可运行的应用
让我们用工单系统的例子(延续 PRD 深度篇 的案例)串联整个链路。
起点
"我们需要一个内部工单系统,员工可以提交 IT 问题,管理员能分配和跟踪。"
各环节的输入/输出
| 环节 | 输入 | AI 输出(摘要) | 耗时 |
|---|---|---|---|
| 需求 → PRD | 一段话需求 | 结构化 PRD(用户角色、功能列表、状态流转、非功能需求) | 30 分钟 |
| PRD → 设计 | PRD 功能描述 | 工单列表页、详情页、仪表盘的 UI 原型 | 1 小时 |
| PRD → 技术方案 | PRD + 技术约束 | 数据模型(5 张表)、API 列表(15 个接口)、技术栈推荐 | 1 小时 |
| 技术方案 → 代码 | 技术方案 + 设计稿 | 后端 API + 前端页面的基础实现 | 2-3 天 |
| 代码 → 测试 | 代码 + 需求 | 单元测试 + E2E 测试 | 1 天 |
| 测试 → 部署 | 代码 + 测试 | CI/CD 配置 + 部署脚本 | 半天 |
时间对比
| 传统流程 | AI 辅助流程 | |
|---|---|---|
| PRD | 3-5 天 | 0.5-1 天 |
| 设计 | 3-5 天 | 1-2 天 |
| 技术方案 | 1-2 天 | 0.5-1 天 |
| 代码实现 | 2-3 周 | 1-1.5 周 |
| 测试 | 1 周 | 2-3 天 |
| 部署 | 1-2 天 | 0.5-1 天 |
| 总计 | 5-7 周 | 2-3 周 |
注意:这个对比是粗略估算,实际效果取决于项目复杂度、团队熟练度和 AI 工具的适配程度。AI 辅助不是把时间砍半,而是消除每个环节中的空白页时间和重复性工作。
九、落地建议
从哪个环节开始
如果你的团队还没有引入 AI 辅助开发,推荐按这个顺序:
- PRD 生成(门槛最低,效果最明显)
- 代码实现(工具最成熟,开发者接受度高)
- 测试生成(与代码实现自然衔接)
- 设计和技术方案(需要更多经验才能有效使用)
团队推广路径
- 找到 champion:先让 1-2 个愿意尝试的人用起来
- 积累案例:记录 AI 辅助前后的效率对比
- 建立规范:哪些场景用 AI、输出如何审查、Prompt 模板共享
- 逐步扩展:从一个环节扩展到多个环节
成本与 ROI
- 工具成本:Claude Pro $20/月,Cursor Pro $20/月,GitHub Copilot $10/月
- 学习成本:每个工具 1-2 天上手,1-2 周熟练
- ROI 拐点:大多数团队在使用 2-4 周后开始看到明显的效率提升
十、总结
三个核心要点:
-
AI 是加速器,不是替代品。每个环节中,AI 处理重复性工作,人类负责决策和判断。跳过人工审查的 AI 输出,质量不可控。
-
从单点突破,逐步串联。不要试图一次性在所有环节引入 AI。从 PRD 或代码���现开始,积累经验后再扩展。
-
Prompt 质量决定输出质量。给 AI 的输入越结构化、越具体,输出越有用。模板、角色设定、上下文——这些不是花哨的技巧,而是基本功。
推荐阅读
- 用大模型将需求转换成 PRD 文档 — 需求 → PRD 环节的深度指南
- Claude Code 完全指南 — AI 编码工具的系统教程
- Claude Code 测试指南 — AI 辅助测试的实践
- Claude Code CI/CD 指南 — AI 在持续集成中的应用