v0

v0

一句话生成高保真 UI 与全栈应用,一键部署到 Vercel

Vibe CodingAI 开发免费增值闭源

核心功能

v0 是 Vercel 的 AI 智能体,从自然语言或 Figma 线框生成高保真 UI 与完整应用,支持连数据库、调第三方 API 并自动修错。产物是真实 React 代码,可直接编辑,一键部署到 Vercel 或提交 GitHub 拉取请求。内置设计模式可对预览元素可视化微调,团队可共享对话协作,按 token 计费。

功能亮点

设计模式

圈选预览元素,用自然语言或拖拽微调样式,一键应用回源码

代码即产物

生成的是可读可改的 React 代码,可整体导出到本地工程

一键发布

发布到生产约 30-60 秒,后续改动点更新即可再发

生态集成

Neon、Supabase、Stripe 等一键接入,免手写胶水代码

自定义模型 / 模型接入

多厂商支持

模型走 Vercel AI 网关,单端点访问数百模型。应用内可切换模型,OpenAI、Anthropic 等第三方可在 Vars 中配 key 使用,消耗按模型折算 token。

接入方式
  • 模型选择器:会话内切换模型,成本随模型不同
  • Vercel AI 网关自动配 key,单端点访问多模型
  • 第三方 key:Project Menu → Vars 添加 OPENAI_API_KEY
  • AI 集成一键装 Grok、fal、Deep Infra 等
支持模型
Anthropic ClaudeOpenAI GPTGrok(xAI)Deep Infra 开源模型Vercel AI 网关数百模型
bash
自带 key 接入第三方模型
项目菜单 Project Menu → Vars 中添加
OPENAI_API_KEY=sk-xxx
ANTHROPIC_API_KEY=sk-ant-xxx
回到对话提示「使用我配置的模型」,模型选择器即可切换

适用场景

• 从线框或截图快速出高保真前端
• 无工程师团队验证产品想法
• 数据应用与仪表盘快速搭建
• 营销落地页与邮件模板生成

安装配置

纯网页 SaaS:访问 https://v0.app 用 Vercel/GitHub 账号登录即可创建项目,无需安装

使用方法

在 v0.app 新建对话或项目,用中文描述「一个带登录的 todo 应用」;在 Code 视图直接改源码,或用设计模式微调样式;Project Menu 中装数据库、支付集成;右上角 Publish 一键上线,后续改动点 Publish Changes 更新。

关键指标

尚未核验对标产品,此处只列本工具自身指标,不做对比结论。

指标v0
价格免费增值
开源
上手难度入门
Token 消耗

相关工具

优点

  • UI 质量高,默认贴合主流设计规范
  • 产物是真实代码,可导出不锁定
  • 与 Vercel 部署链路无缝,上线极快
  • 支持 Figma 导入与团队协作

缺点

  • 免费版每日仅 7 条消息,重度使用需付费
  • 按 token 计费,复杂项目成本上升快
  • 后端能力依赖 Vercel 生态,迁移需适配