v0（Vercel）
产品概述
v0 是 Vercel 推出的 AI UI 生成工具，2023 年 10 月发布。它的定位很聚焦：把自然语言描述或设计截图，转成生产级的 React 组件——输出使用 React、Next.js、Tailwind CSS 与 shadcn/ui，代码干净、可拥有、可导出，并一键部署到 Vercel。
与 Lovable/Bolt 的「全栈应用生成」不同，v0 是「UI 工厂」：它不碰后端、不碰数据库、不碰认证，专攻前端界面质量。独立评测中 v0 的 UI 生成质量达 9.5/10，是 2026 年 AI 前端工具最高分。它最适合那些已有基础设施、只需要高质量前端组件的团队，是「设计转代码」与「前端脚手架」场景的黄金标准。2026 年产品域名迁移至 v0.app，并推出 v0 Platform API（公开预览）。
发展历程
| 时间 | 事件 |
|---|---|
| 2023-10 | v0 以 v0.dev 发布，主打 UI 生成 |
| 2024 | 加入 image-to-code、Figma 导入、迭代聊天式编辑 |
| 2025 | 推出 v0 API（预览）、Visual Design Mode |
| 2026 | 定价改版：Premium 档停售，新用户入门付费档为 Team（$30），域名迁至 v0.app |
核心功能详解
1. 文本转 UI
用自然语言描述组件（定价表、仪表盘布局、导航栏），v0 生成带响应式设计、无障碍 ARIA 属性、TypeScript 类型与语义化 HTML 的生产级代码。
2. 图片转代码
上传截图、线框图或 Figma 导出稿，v0 生成匹配的 React 代码，省去手动设计转代码的翻译工作。
3. shadcn/ui 底座
生成组件默认基于 shadcn/ui 组件库，风格一致、可主题化，与现有 Next.js 项目无缝集成。
4. 迭代式聊天编辑
「按钮调大一点，加个 loading 状态」这类指令会让 v0 就地修改对应组件代码，保持结构稳定。
5. 一键 Vercel 部署
生成即部署，配合 GitHub 同步与即时预览 URL，原型到生产异常顺畅。
6. v0 Platform API（Beta）
开发者可编程调用同一套 text-to-app 流水线，需 Premium/Team 档 + usage-based billing。
适用场景
最合适
- 前端开发者快速脚手架 React 组件。
- 设计师验证布局：线框转可运行代码。
- Next.js/shadcn 团队：已在 Vercel 生态内迭代 UI。
- 落地页、营销站、仪表盘、SaaS UI 脚手架。
不太合适
- 需要后端/数据库/认证的完整应用（选 Lovable/Bolt）。
- 非 React 框架（Vue/Svelte/Angular）用户。
- 复杂状态管理与实时数据的组件（生成代码多为占位级业务逻辑）。
定价详情
计费逻辑
v0 采用订阅 + 积分制：每个套餐含月度积分，按生成消耗（复杂 prompt 消耗更多）。2026 年从固定积分转向 token 计费，成本更不可预测。
档位表
| 档位 | 价格 | 说明 |
|---|---|---|
| Free | $0 | 约 $5 积分/月，每日 7 条消息，部署带水印 |
| Team（Plus） | $30/用户/月 | 新用户入门付费档，共享积分、协作、自定义域名 |
| Business | $100/用户/月 | 更高积分池、高级控制、训练退出默认开启 |
| Enterprise | 定制 | SSO、SOC 2、审计日志、专属支持 |
注：历史 Premium $20 档已停售，存量用户保留。
实际成本测算
- 试用与偶尔原型：Free 够用（约 1–2 个小项目后触顶）。
- 前端日常使用：Team $30/用户/月。
- 重度迭代（一个组件反复生成 10 次）会快速消耗积分，$20–30/月可能几天见底。
定价核验日期：2026-08-13。来源：v0.app/pricing。积分消耗不透明是常见吐槽点。
技术架构与模型
v0 由 Vercel 构建，输出 React + Tailwind + shadcn/ui + Next.js（App Router），底层调用前沿生成模型（多模型）。核心是「高质量前端代码 + Vercel 部署流水线」。
优势领域
与 Lovable / Bolt 对比
- v0：UI 质量最高、代码可拥有、Vercel 部署最顺，但无后端。
- Lovable / Bolt：全栈应用生成，覆盖后端/数据库。
- 需求是「前端组件/页面」选 v0；需求是「完整应用」选 Lovable/Bolt。
与 Cursor 对比
v0 是「UI 脚手架」，Cursor 是「完整 IDE」。前端开发者常两者搭配：v0 出 UI，Cursor 接业务逻辑。
短板与限制
- 仅 React/Next.js：无 Vue/Svelte/Angular 输出，非 React 用户需额外适配。
- 无后端：不生成 API/数据库逻辑。
- 复杂状态逻辑弱：业务逻辑多为占位级，需人工重写。
- 积分消耗不透明：复杂 prompt 一次吃掉 5 个积分，重度迭代成本难控。
- 国内可访问性：需代理。
使用建议
- 适合：Next.js/shadcn 团队的 UI 脚手架；需要设计转代码的前端开发者；做落地页/仪表盘的团队。
- 不适合：非 React 框架用户；需要完整应用/后端的用户；预算敏感且无法接受积分波动的用户。
- 最佳实践：把它当「脚手架」而非「完整应用生成器」；提示词更精准、迭代步长更大以减少重生成；生成后本地精修而非反复重新 prompt。