v0(v0.app)是 Vercel 營運的 AI 開發平台:在對話框中用自然語言描述需求——也可以上傳截圖、線框稿或 Figma 設計稿——平台就會產生一個可實際執行的全端 Web 應用,技術堆疊固定為 Next.js、React、TypeScript、Tailwind CSS 與 shadcn/ui(官方文件)。它要解決的問題,是把「從想法到上線」的整條路徑收進同一個介面:產生的不只是程式碼片段,而是附帶預覽、能接資料庫、可一鍵部署到 Vercel 生產環境的完整專案。與同類 AI 建構工具相比,可驗證的差異在於它與 Vercel 生態系的深度整合:預覽跑在與生產環境一致的 Vercel Sandbox 中,發布直接走 Vercel 部署管道,GitHub 整合會自動建立分支、提交並合併 Pull Request。舊域名 v0.dev 截至 2026-09-16 已 307 轉址至 v0.app。

站點速覽

  • 網址:https://v0.app(舊域名 v0.dev 自動轉址)
  • 類型:AI 全端應用建構平台(對話式產生 + 線上編輯 + 託管部署)
  • 費用:免費方案 0(每天7則訊息、每月0(每天 7 則訊息、每月5 額度);Plus 30 美元/使用者/月;Business 100 美元/使用者/月;Enterprise 另行報價,見官方定價頁(截至 2026-09-16)
  • 註冊要求:瀏覽官網、範本庫與文件無需註冊;產生應用需登入,可直接使用 Vercel 帳號,不必另外註冊(官方 FAQ)
  • 介面語言:介面與文件為英文;提示詞支援任意語言,回覆會跟隨同一語言(官方 FAQ)
  • 上線時間:2023 年秋以 v0.dev 上線(2023-10-11 官方部落格宣布從 Alpha 轉入 Beta);2025-08-12 更名 v0.app

站點背景

v0 出自 Vercel——Next.js 框架與同名託管平台的開發商。它的第一版定位比現在窄得多:2023 年 9 月以等候名單制 Alpha 亮相,官方稱之為「Generative UI」,核心賣點是用自然語言產生以 React、Tailwind CSS 與 Shadcn UI 撰寫的介面程式碼,再複製到自己的專案裡繼續開發。官方部落格記載,Alpha 開放後三週內就有 10 萬人登記等候名單;2023-10-11,v0 從 Alpha 轉入 Beta 並首次公布訂閱方案(Vercel 官方部落格)。

此後兩年,v0 的定位經歷兩次關鍵轉變:

  • 2025 年 8 月 12 日:v0.dev 更名 v0.app,從介面產生器轉向 agentic 形態——官方描述它能自主完成研究、規劃與除錯,目標使用者也從開發者擴展到「創辦人、設計師、行銷、業務」等不寫程式的角色(Vercel 官方部落格)。
  • 2026 年 2 月 4 日:官方稱為「New v0 Update」的大版本上線,帶來四項結構性變化:Git 整合(可匯入既有 GitHub 儲存庫,由 v0 自動處理分支與提交)、Projects(把對話與真實的部署、環境變數、網域綁定)、內建完整 VS Code 風格編輯器,以及基於 Vercel Sandbox 的新預覽——預覽環境與生產一致,伺服器端程式碼、API 路由與資料庫都能真實運作(官方 FAQ,該頁最後更新於 2026 年 3 月)。

截至 2026-09-16,官方 changelog 仍維持每月多次更新的節奏,近期條目包括團隊工作區預設共享設定(9 月 10 日)與統一的「分支 + 發布」流程(9 月 1 日)。

v0 首頁:「What do you want to create?」與提示詞輸入框

首頁正是產品形態的縮影:頁面核心只有一個提示詞輸入框(附模型選擇器,圖中為 v0 Max),下方是可直接複製起步的社群範本。

核心能力:從一句話到正式上線

v0 的完整工作流程可概括為「描述 → 迭代 → 整合 → 發布」(官方快速入門):

  1. 描述需求:用自己的語言說明要做什麼;也可以上傳截圖、線框稿或 Figma 設計稿,或從範本庫複製現成專案起步。
  2. 對話式迭代:v0 產生應用後在預覽中即時執行,繼續用自然語言提出修改要求;也可以切到 Code 檢視或內建編輯器直接改程式碼,每一步都儲存為可還原的版本。
  3. Design Mode 視覺化微調:在預覽中點選任何元素,用面板精確調整字體、顏色、間距、邊框、圓角、陰影甚至文字內容;結構性改動可改用自然語言指令,v0 會自動附上該元素的截圖。偵測到專案使用 Tailwind CSS 時會給出對應的 Tailwind 值。修改先以「待套用」狀態暫存,確認後寫回原始碼(Design Mode 文件)。
  4. 接入真實服務:透過專案設定一鍵安裝整合——資料庫(Neon、Supabase、Upstash Redis、Vercel Blob)、金流(Stripe)、AI 能力(Vercel AI Gateway 自動設定金鑰,可呼叫數百個模型,Grok、fal、Deep Infra 等供應商可一鍵安裝),以及任意外部 API(如 Twilio),金鑰由環境變數統一管理。
  5. 發布:點擊 Publish 即部署到 Vercel,可綁定或購買自訂網域。

若專案連接 GitHub,發布流程會變成一條完整的工程管道:v0 為每個對話自動建立工作分支(形如 v0/main-abc123)並逐次提交,每個分支獲得獨立的 Vercel 預覽部署與 CI 檢查;按下 Publish 時,v0 建立或複用 Pull Request、合併進基線分支並等待生產部署——它不會直接推送 main,儲存庫的分支保護與必要審核依然生效,衝突或 CI 失敗可交給 v0 嘗試修復(GitHub 整合文件)。既有程式庫也可以直接匯入 GitHub 儲存庫,在 v0 裡繼續開發。

v0 範本庫:Duplicate a Template,按類別瀏覽社群範本

公開範本庫(v0.app/templates)收錄社群發布的應用、元件與起步範本,任何使用者都能複製一份繼續修改;自己的專案也可以從設定發布為範本。

帳號、開放介面與行動端

  • 帳號:v0 與 Vercel 帳號體系統一,已有 Vercel 帳號直接登入即可;團隊協作(共享對話、集中計費、按席位計費)在 Plus 以上方案提供,Enterprise 另加 SAML SSO 與角色存取控制。
  • v0 API:平台把產生能力開放成 API——一次呼叫即可從提示詞建立完整應用,並提供 @v0-sdk/react 元件、可嵌入的安全預覽 iframe、MCP server 與 npx create-v0-sdk-app 腳手架,方便把「AI 產生應用」的能力嵌進自家產品(v0 API 文件)。
  • 行動端:官方提供 iOS 應用,可在手機上發起與繼續對話、預覽專案、管理環境變數與 GitHub 連線;新增 MCP server 設定仍需桌面端(官方 FAQ)。
  • 文件:官方文件站(v0.app/docs)無需登入即可完整查閱,從快速入門到安全實踐都有公開說明。

v0 官方文件站:快速入門與功能文件

定價:credits 與 token 雙層計量(截至 2026-09-16)

v0 以訂閱方案 + credits 計量(定價頁,以下均為未含稅美元價格):

v0 定價頁:Free、Plus、Business、Enterprise 四個方案

方案 價格 主要內容
Free $0 每月 $5 額度 credits、每天 7 則訊息上限;可部署到 Vercel、可用 Design Mode、可同步 GitHub
Plus 30 美元/使用者/月 全部模型;每使用者每月 30credits,每日登入另送30 credits,每日登入另送2;可加購 credits(團隊共享);vercel.com 集中計費;團隊協作
Business 100 美元/使用者/月 Plus 全部內容;預設退出模型訓練(training opt-out by default)
Enterprise 另行報價 資料絕不用於訓練;SAML SSO;角色存取控制;優先效能與 SLA

模型呼叫按 token 從 credits 扣費,四檔模型對應不同單價:v0 Mini(輸入 0.20、輸出0.20、輸出1.20/百萬 token)、v0 Pro(2/2 /10)、v0 Max(5/5 /25)、v0 Max Fast(10/10 /50)。官方 FAQ 另提到一個 20 美元/月的 Premium 方案,註明「正在退場,不再向新使用者開放」。

資料與產生程式碼政策

使用這類平台前,值得先了解兩組條款(官方 FAQ與安全文件):

  • 訓練資料:預設情況下,v0 可能將使用者提交的提示詞與內容用於改進模型;Enterprise 客戶的內容絕不用於訓練,Business 方案預設退出訓練,其他使用者也可以在 Vercel 設定中手動 opt-out。Vercel 部署平台、CLI 等平台服務的資料不會用於訓練 v0。
  • 產生程式碼歸屬:Vercel 聲明不擁有基於使用者提示詞產生的程式碼;但同時提醒輸出可能與其他使用者的結果相似、可能不完整或含缺陷,是否適合商用由使用者自行評估。
  • 安全與合規:產生的程式碼執行前會經過安全分析,並在隔離沙箱中運行;v0 納入 Vercel 的 SOC 2 Type 2 鑑證範圍,並聲明符合 GDPR。

適用場景

  • 產品與設計角色:不寫程式做出可互動的高保真原型——直接是可執行的應用,而非靜態稿;Design Mode 支援不寫程式逐元素調整樣式。
  • 工程師:跳過腳手架與樣板程式,用 v0 產生第一版後,經 GitHub PR 流程進入正常工程流程,或與 Cursor、Claude Code 等本地工具共用同一儲存庫協作。
  • 前端技術堆疊為 Next.js/React 的團隊:v0 的輸出固定為 Next.js、React、TypeScript、Tailwind CSS、shadcn/ui,與該技術堆疊團隊的既有資產銜接成本最低。
  • 需要把「AI 產生應用」嵌入自家產品的開發者:直接使用 v0 API 與 SDK。

局限

  • 免費方案較緊:每天 7 則訊息、每月 $5 額度,適合評估而非長期使用(截至 2026-09-16,定價頁)。
  • 深度綁定 Vercel 生態系:完整體驗(預覽、環境變數、一鍵部署)依賴 Vercel 專案;程式碼可匯出並部署到他處,但內建後端、發布管道等便利會隨之失效。
  • 技術堆疊固定:輸出以 Next.js/React 為中心,不適合非 Web 或非該技術堆疊的專案(官方稱支援多種流行前端框架,但最佳專長明確在 Next.js、React、Tailwind CSS、shadcn/ui 和 AI SDK 上)。
  • 產生品質需人工把關:官方明確提示輸出可能含 bug 或與他人相似,商用前需要自行評審。
  • 其他實際限制:Design Mode 僅桌面端可用;平台需連線使用,無離線模式;新預覽執行真實建置,官方承認比舊版瀏覽器預覽稍慢;介面與文件僅有英文。

同類參考

同屬 AI 應用建構賽道、本站已收錄的 Lovable 與 v0 定位接近;可驗證的差異是:Lovable 把後端(Supabase 技術堆疊)與託管打包進自家平台、程式碼匯出為 Vite + React,而 v0 原生運行在 Vercel 基礎設施上、技術堆疊固定為 Next.js,並提供把產生能力嵌入第三方產品的 API。按官方自己的比較口徑(FAQ),v0 相對通用大型語言模型,輸出的是可部署的完整應用而非程式碼片段;相對 AI 增強 IDE,提供的是面向全團隊的對話式協作環境。

參考資料