v0 logo

v0:用提示詞生成可部署應用的 AI 工具

分类:AI 开发工具

前往官网免费增值免費 200 credits/月 + Pro $20/月
#免费增值#无代码#实时

v0 是一款網頁應用,使用者用自然語言描述想做的產品,即可生成可執行的應用;登入與使用走 Vercel 賬號與服務條款。

v0 主要解決「從想法到可預覽、可部署前端/全棧介面」的起步成本,適合需要快速做出應用、落地頁、元件和儀表盤的產品、設計與開發人員。最關鍵的使用邊界是:免費方案有每日訊息上限,完整協作、部分整合與更高額度需要付費方案。

核心能力可概括為:對話式生成與迭代、模板起步、Design Mode 視覺化編輯、GitHub 同步、釋出到 Vercel,以及資料庫、支付、Figma 等整合。

v0 官網首頁整頁,含建立入口與 starter 分類v0 官網首頁整頁,含建立入口與 starter 分類

v0 是什麼?和 Vercel 賬號有什麼關係?

v0 的主入口為 v0.app。首頁以「What do you want to create?」引導建立,並可選擇 v0 Max 等模型或模式。

登入會建立或使用 Vercel 賬號,並需同意 Vercel 服務條款與隱私政策。登入方式包括郵箱、Google、GitHub、ChatGPT 以及 SAML SSO。

官方未將 v0 本身表述為可自託管的開源軟體;公開資訊以網頁應用使用與 Vercel 法律條款為主。2026 年 10 月起,個人 v0 賬號已遷移為團隊工作區(team workspaces),以便使用協作功能。

v0 能做什麼?應用、落地頁、元件與儀表盤全景

v0 的定位是:根據自然語言描述生成可工作的應用,再通過對話審查與迭代。首頁提供起步分類,包括應用與遊戲(Apps and Games)、落地頁(landing pages)、元件(components)與儀表盤(dashboards),也支援從模板庫(template gallery)開始。

快速入門裡給出的簡單方向包括:

  • 待辦應用(增刪改)
  • 帶英雄區與定價的 SaaS 落地頁
  • 帶圖表的使用者分析儀表盤
  • 可發郵件的聯絡表單

生成結果在對話中可出現 Next.js 頁面與 shadcn/ui 元件,樣式常用 Tailwind CSS。示例說明頁面可以是服務端元件(server component),以便效能與 SEO。

在 AI 能力上,v0 含 Vercel AI Gateway 整合:用 Vercel 賬號自動配置 API 金鑰,經單一端點訪問大量模型。也可在專案設定的 Integrations 中一鍵安裝 Grok(xAI)、fal(影像生成)、Deep Infra(開源模型)等;還可通過提示詞並在 Vars 中填寫金鑰來使用 OpenAI、Anthropic 等。

變更日誌還寫明:生成應用的 AI 功能可覆蓋文本、結構化輸出、嵌入、重排序、影像、影片、語音與轉寫等。另有原生移動應用。

v0 怎麼用?從提示詞到可部署應用完整演示

基本流程在官方 Quickstart 中寫得很清楚:

  1. 開啟 v0.app 並登入
  2. 新建聊天或建立專案
  3. 用自然語言描述想法
  4. 預覽生成結果,再對話迭代

專案設定在同一專案下的所有聊天之間共享。在專案內新開的聊天會從該專案原始碼起步(GitHub 分支、託管倉庫或生產部署),因此第一條訊息起 v0 就能看到程式碼。

以官方入門提示「A todo app with add, edit, and delete functionality」為例:

  • 輸入:在新聊天中用自然語言描述「帶有新增、編輯、刪除功能的待辦應用」(也可用你習慣的語言描述)。
  • 步驟:提交後等待 v0 生成可工作應用;在預覽工具欄開啟 Code 檢視程式碼;需要改樣式時開啟 Design,點選元素,用視覺化控制元件或自然語言調整,再點 Apply,改動會作為新的聊天版本寫回原始碼。
  • 結果:得到可預覽的待辦應用;可繼續對話打磨。官方說明生成物可包含 Next.js 頁面、shadcn/ui 元件,以及 Tailwind CSS 佈局與排版類名。

檢視程式碼時,可在行號槽選中程式碼行並加評論,作為下一輪提示的上下文。熟練後可到 community templates 用社群模板起步。

釋出到 Vercel:

  • 在聊天頭部使用 Publish。
  • 首次釋出:確認 Vercel 專案名、選擇可見性與域名後釋出。
  • 之後改動用 Publish Changes 更新同一生產 URL。
  • 若出現 Commerce mode,需檢查未認領的 Stripe 測試沙箱或 Shopify 開發商店。
  • 域名可在首次釋出的 Domains 步驟選擇,或之後在專案選單 → Settings → Domains 管理;可使用 your-domain.vercel.app 或連線自定義域,也可經 Vercel Domains 購買域名。
  • 釋出前需明確選擇可見性。

GitHub 同步(可選):

  • 專案選單 → Settings → GitHub → Connect。
  • v0 會建立私有倉庫並推送當前程式碼;倉庫成為專案程式碼的真實來源(source of truth)。
  • 也可「Import from GitHub」匯入已有倉庫(不會複製一份可寫的重複倉庫;可掛到已有 Vercel 專案或新建)。
  • 每個工作分支有對應 Vercel 預覽部署;釋出時會建立或複用 PR、合併到基線分支並等待生產部署,同時遵守分支保護規則。

Figma(付費方案):

  • 將 Figma 連結貼進 v0,或通過提示框加號 → Import from… → Import from Figma。
  • 無需外掛或 Figma 桌面端。
  • v0 可讀頁面、畫框、影像、設計令牌、顏色、佈局、文本、資源、元件、樣式與 Dev Mode 中的開發資源連結。

與外部服務整合:

在 Settings → Integrations 安裝,或直接描述,例如「Connect to Twilio for SMS notifications」。v0 會生成 API 呼叫與錯誤處理,並嚮導會提示填寫金鑰;也可在 Settings → Environment Variables 管理。文件列出的整合包括 Neon、Supabase、Upstash for Redis、Blob、Stripe 等。Shopify 整合面向所有人:連線商店後可做讀取即時商品、價格與庫存的店面。

v0 API 安裝命令(變更日誌):

npm i v0

該命令用於安裝 v0 API 包(v0),以便在支援 API 的場景接入;網頁端主路徑仍是訪問 v0.app 登入使用,不必本地安裝才能開始生成。

v0 免費嗎?免費額度與付費如何計費、夠不夠用?

v0 有免費方案,也有按使用者計費的 Plus、Business,以及定製的 Enterprise。價格頁標明均為美元,且不含 VAT、GST 等適用稅費;稅費按賬單地址依法計算並開票。

方案價格關鍵額度適合誰
Free免費新使用者一次性 5 美元積分;7 條訊息/天;可部署到 Vercel試用、輕量體驗
Plus(Popular)30 美元/使用者/月(頁顯示對比價 90 美元)全模型;30 美元積分/月;每日 2 美元登入積分個人高頻或小團隊
Business100 美元/使用者/月含 Plus 全部;預設訓練退出等需要預設退出訓練的團隊
Enterprise定製含 Business 全部;資料不用於訓練;SAML SSO 等大團隊與合規需求

表後補充(更細差異):

  • Free 另含:Design Mode 視覺化編輯、GitHub 同步。
  • Plus:含 Free 全部能力;可在月度用量外購買積分並在團隊共享;vercel.com 集中計費;共享聊天與團隊協作。
  • Business:在 Plus 基礎上增加預設訓練退出(Training opt-out by default);同樣可購額外積分、集中計費與團隊協作。
  • Enterprise:資料從不用於訓練;SAML SSO;基於角色的訪問控制;優先訪問(更好效能、無排隊);有保障的支援 SLA。
  • 使用已購買積分需要有效訂閱。
  • 付費 Enterprise 團隊預設按令牌(token)計費,便於共享積分池但無席位積分時仍可消費。

模型令牌(token)價格(美元 / 百萬 token):

模型官方描述要點輸入(Input)快取寫入(Cache write)快取讀取(Cache read)輸出(Output)
v0 Mini近前沿智慧的高速0.200.250.021.20
v0 Pro速度與智慧平衡,多數任務更優22.500.2010
v0 Max複雜任務與高要求使用者的最大智慧56.250.5025
v0 Max Fast最大智慧,輸出速度約 2.5 倍,利於快迭代1012.50150

說明:方案名是 Free / Plus / Business / Enterprise;v0 Pro、v0 Max 等是模型檔位,不要和「Pro 方案」混為一談。免費是否「夠用」取決於每日 7 條訊息是否蓋住你的迭代節奏;不夠則需 Plus 及以上,或購買額外積分(須有效訂閱)。

v0 價格頁整頁,含 Free、Plus、Business、Enterprisev0 價格頁整頁,含 Free、Plus、Business、Enterprise

v0 支援中文嗎?國內能用嗎?

官方 Quickstart 寫明:可用你偏好的語言描述要做的產品,因此可用中文寫提示詞。

登入頁原文為英文(如「Sign in to v0」)。價格頁全部以美元標價。介面是否提供完整中文 UI、國內支付方式(如人民幣/本地支付)、以及是否必須海外網路,官方未說明。

官方沒有說明國內訪問、支付方式或網路要求;如遇到訪問或支付限制,應以當時 v0 與 Vercel 賬號頁面提示為準。

v0 和 Bolt.new、Cursor、Lovable 有什麼區別?能替代嗎?

選型要看工作流:v0 強在「描述 → 生成 Web 應用 → 對話迭代 → 釋出到 Vercel」以及和 shadcn/ui、Next.js、GitHub、Figma 的銜接。下面用「一般特點」對比常見替代選項,不能單憑一張表斷定誰可完全替代誰。

維度v0Bolt.new 一般特點Cursor 一般特點Lovable 一般特點
產品形態網頁應用,對話生成可部署應用;登入走 Vercel 賬號瀏覽器裡快速生成與預覽類 AI 程式設計AI 程式碼編輯器,偏本地/專案內結對程式設計AI 生成應用/介面類產品
技術棧取向常見 Next.js、shadcn/ui、Tailwind快速全棧原型(各家實現不同)隨你現有倉庫與框架以生成可執行應用為主
部署聊天內 Publish 到 Vercel;可綁 GitHub多在各自平臺預覽/部署不繫結單一主機,隨專案配置平臺內預覽與釋出常見
設計輸入付費方案支援 Figma 連結轉應用;Design Mode視產品是否支援設計稿/截圖以程式碼與編輯器為主常強調 UI 生成與迭代
協作與賬號團隊工作區;Plus 起團隊共享聊天等視官方協作能力多與 Git 團隊流結合視官方團隊功能
更適合已用或願用 Vercel 生態、要快速上線介面想最短路徑出可點原型深度改已有程式碼庫非工程師快速出產品介面

競品資訊以各家官網為準。

能否替代? 若目標是 Vercel 上的 Next.js/shadcn 應用、落地頁與儀表盤,並要 Figma/GitHub/Publish 一體,v0 很直接。若目標是本地大倉重構、強 IDE 體驗,Cursor 類工具更貼。若只做一次性原型且不繫結 Vercel,Bolt.new、Lovable 等也可能夠用。多數團隊是組合使用,而不是單一工具取代一切。

v0 生成程式碼質量如何?能否直接用於生產?

官方示例與說明裡,生成程式碼可以包括:

  • Next.js 頁面
  • shadcn/ui 元件
  • Tailwind CSS 類名做間距、字型與佈局
  • 服務端元件頁面,以利於效能與 SEO

官方稱 v0 會「根據描述生成可工作的應用」,並支援對話迭代、Code 檢視審閱、Design Mode 寫回原始碼、GitHub 分支與 PR、CI 與預覽部署。這些機制有利於把初稿推進到可維護狀態,但是否直接用於生產取決於你是否完成程式碼審查、測試、環境變數與許可權、分支保護與效能/安全驗收——這些是工程責任,官方並未用「可免審上生產」一類表述。

接入已有專案的現實路徑包括:Import from GitHub、連線倉庫後以 Git 為真實來源、在分支上預覽再合併。付費聊天若沙箱 CPU/記憶體耗盡,會升到更高 VM 檔並在後臺重啟,以維持可執行預覽,但這仍不等於生產質量擔保。

v0 有哪些侷限與常見坑?

已知問題與侷限

免費訊息上限緊:Free 為 7 條訊息/天,高頻迭代很快觸頂,需升級或改日再試。

Figma 僅付費且受 Figma 側限速:Figma 整合在付費 v0 方案;速率由 Figma 方案與席位決定,觸頂時 v0 會告知並以已有資料繼續。

GitHub 分支保護會擋住釋出:必檢、必審、草稿 PR 等規則可能導致合併失敗,需先滿足倉庫規則。

刪除已連線的 GitHub 倉庫有風險:官方寫明刪除倉庫後代碼可能無法恢復。

購買的積分依賴有效訂閱:無有效訂閱時,已購積分也不可按說明使用。

「Fix with v0」免費日限有調整:2026 年 7 月日誌曾寫免費 Fix with v0 為每天 10 次;2026 年 8 月 14 日日誌寫明每日贈送的 Fix with v0 僅限付費方案——以當前頁面為準。

Plus 預設協作與 GitHub 許可權繫結:預設團隊成員需有倉庫許可權才能協作關聯聊天並生成預覽;若要讓未連線 GitHub 的成員參與,需在工作區設定中啟用 Allow v0 to Act on Behalf of Members。

許可權模型易混淆:GitHub 同步只在 v0 與 GitHub 間搬程式碼,並不自動授予經 GitHub 或其他 Vercel 介面部署的許可權;v0 網頁動作走 v0 角色,GitHub 觸發的部署與 Vercel CLI 走 Vercel 角色與專案許可權。例如 Vercel Viewer 可在具備 v0 Builder 角色時從 v0 釋出,但不能經 GitHub 或 Vercel CLI 部署。

可見性與預設聊天暴露面:釋出必須顯式選可見性;團隊工作區中新聊天預設對團隊可見(團隊所有者可配置新聊天預設可見性)。已釋出應用有「Team or password」等可見性選項,需按專案敏感度選擇。

v0 資料安全嗎?提示詞與程式碼會洩露嗎?

與訓練相關的檔位差異是明確寫在定價裡的:

  • Business:預設訓練退出(Training opt-out by default)
  • Enterprise:資料從不用於訓練(Your data is never used for training)

Enterprise 另有 SAML SSO、基於角色的訪問控制、支援 SLA 等。登入頁亦提供 SAML SSO 入口。

釋出與分享方面:

  • 釋出時選擇部署可見性與域名
  • 已釋出應用有「Team or password」等可見性選項
  • 團隊所有者可配置新聊天預設可見性

Git 與許可權方面:連線 GitHub 後倉庫即程式碼真實來源;刪庫可能導致不可恢復;同步不等於部署授權。官方未在事實範圍內逐條承諾「提示詞絕對不會用於任何改進」適用於所有免費檔——若提示詞或程式碼高度敏感,應優先考慮 Business/Enterprise 的訓練相關條款,並嚴格控制聊天預設可見性、釋出可見性與倉庫許可權。

更細的資料處理細節以 Vercel 隱私政策與服務條款為準。

v0 適合誰?哪些場景最值得用?

更值得優先試 v0 的人:

  • 已在或計劃使用 Vercel 部署的產品/市場/全棧團隊
  • 需要快速做出 SaaS 落地頁、儀表盤、表單、簡單應用甚至遊戲類前端的人
  • 希望用 shadcn/ui + Tailwind + Next.js 風格元件起步,再 GitHub 化維護的人
  • 設計稿在 Figma、且願意付費打通「連結 → 可執行應用」的人
  • 需要團隊共享聊天、集中計費、協作工作區的小隊

場景匹配度較高:

  • 從一句話提示到可預覽 MVP
  • 模板庫起步再改
  • Design Mode 調樣式後 Apply 回原始碼
  • 分支預覽 + Publish / Publish Changes
  • Neon/Supabase/Stripe/Shopify 等整合的店面或後臺雛形
  • 經 AI Gateway 給應用加文本、影像等 AI 能力

可能不太合適:

  • 完全不想使用 Vercel 賬號與託管鏈路
  • 需要免費無限對話
  • 必須以自託管、開源部署 v0 本體為前提(官方文件沒有說明這一許可路徑)
  • 主要工作是大型遺留程式碼在本地 IDE 裡深度重構(更宜搭配編輯器類工具)

FAQ

v0.dev 是官方入口嗎?

官方產品與文件入口是 v0.app(以及 Vercel 登入域上的 v0 登入)。請以 v0.app 與 Vercel 賬號體系為準,避免在不明第三方域名輸入憑證。

vo 是什麼?和 v0 是一回事嗎?

公開產品名是 v0。

v0 如何註冊與登入?

訪問 v0.app,在登入頁使用郵箱、Google、GitHub、ChatGPT 或 SAML SSO。繼續即表示同意建立 Vercel 賬號,並受 Vercel 服務條款與隱私政策約束。

v0 免費額度用完怎麼辦?Plus 值得買嗎?

Free 觸達 7 條訊息/天后需等待或升級。Plus 為 30 美元/使用者/月(頁上對比價 90 美元),含全模型、每月 30 美元積分/使用者、登入每日 2 美元免費積分,並可購額外積分(需有效訂閱)與團隊協作。是否值得買取決於你是否天天多輪迭代、是否需要 Figma 等付費能力,以及是否要團隊共享。

v0 生成的是 React 還是別的框架?

官方示例與說明指向 Next.js 頁面、shadcn/ui 元件與 Tailwind CSS。頁面可以是服務端元件。具體生成物以當次對話為準,但文件說法不是「任意框架隨機輸出」為主路徑。

v0 支援截圖轉程式碼嗎?

官方明確支援的是:付費方案下貼上 Figma 連結 將設計轉為可執行應用,以及 Design Mode 對預覽做視覺化/自然語言改樣式。是否支援任意一張普通截圖直接轉程式碼,官方未說明。

v0 能做遊戲、落地頁和儀表盤嗎?

能。首頁起步分類包含應用與遊戲(Apps and Games)、落地頁(landing pages)、元件與儀表盤(dashboards);Quickstart 也給出落地頁、儀表盤等示例提示。

v0 一鍵部署部署到哪裡?

經聊天頭部 Publish / Publish Changes 釋出到 Vercel。可配置 *.vercel.app 或自定義域;連線 GitHub 時按分支預覽並在合併後走生產部署。

v0 和模板 gallery 怎麼配合用?

先掌握「描述 → 生成 → 迭代」後,可到社群模板庫 v0.app/templates 選模板起步,再在同一套預覽、Design、Code、Publish 流程裡改成自己的產品。

v0 沒有 API 也能接入現有專案嗎?

可以。路徑包括 Import from GitHub、在 Settings 連線 GitHub、用分支與 PR 工作流,以及在專案內聊天(從專案原始碼起步)。變更日誌亦提到可用 npm i v0 安裝 v0 API;不裝 API 仍能靠 Git 與網頁工作流接入。

v0 官網與相關入口

本文資訊核對至 2026 年 10 月(Quickstart 等文件更新至 2026-10-09)。價格與限制以官方頁面為準。

參考資料

基本信息

官方网站
https://v0.app
收费模式
免费增值
价格描述
免費 200 credits/月 + Pro $20/月
所属分类
AI 开发工具