跳至文章內容
Rockyhsu.VPN & DIGITAL TOOLS

READ & EXPLORE / 實用分享

v0(原 v0.dev)是什麼?【2026】教學、免費額度與價格

Rockyhsu
更新於 2026.11.09
開始閱讀 ↓
v0 官網首頁截圖
AI 工具 · Rockyhsu

v0 是 Vercel 推出的 AI 網站與應用程式產生工具,2025 年 8 月官方把網域從 v0.dev 改成 v0.app,名稱也簡稱為 v0。舊網址仍會自動轉到新網站,所以搜尋 v0.dev 找到的就是同一個服務。

早期的 v0 只負責產生網頁介面的程式碼,現在已經能規劃步驟、串資料庫、連 GitHub,做出可以上線的完整網站。免費版每天 7 則訊息,新註冊會給 5 美元的一次性額度;付費方案從每月 30 美元起,改用「額度」計費,要留意用量。

v0 主要功能

  • 文字或圖片生成:用一句話描述想要的網站,或上傳草圖、截圖,v0 會產出以 React、Next.js、Tailwind CSS 和 shadcn/ui 寫成的程式碼。這幾個都是前端開發常用的工具,產出的檔案可以直接放進現有專案。
  • 即時預覽:產生的同時就能在右側看到成果,不用自己架環境。
  • Agent 模式:官方說 v0 會自己規劃步驟、建立待辦清單、檢查成果、搜尋網路,不必一直重複下指令修正。
  • 全端能力:可以串接資料庫、登入功能和外部 API,預覽時就能執行伺服器端的程式。
  • Design Mode(設計模式):用滑鼠點選畫面上的元件,直接調整顏色、字型、間距,不用再下提示詞。
  • GitHub 同步:可以匯入現有專案,v0 會自動建立分支並提交;官方說明它不會直接推到 main 主分支。
  • 一鍵部署:按一下就能發佈到 Vercel,馬上有網址可以分享。
  • Figma 匯入:可以把 Figma 設計稿轉成可執行的應用程式。

v0 怎麼用?新手教學

註冊後不需要自己裝任何東西,打開網頁就能開始。

  1. 到 v0 官網,註冊並登入帳號。
  2. 在首頁輸入框描述需求,或點下方的範本(例如聯絡表單、小遊戲、儀表板)當起點。
  3. 輸入框左下角可以選模型,免費版先用預設即可。
  4. 等它產生後,在預覽畫面確認結果,不滿意就接著用文字說要改哪裡。
  5. 想微調外觀,切到 Design Mode 直接點選修改。
  6. 滿意了,按部署發佈到 Vercel,或同步到自己的 GitHub 儲存庫。

v0 免費嗎?方案與價格

有免費方案,每天最多 7 則訊息。官方方案頁寫新使用者會拿到 5 美元的一次性額度;官方文件另外寫,舊的免費帳號每月有 5 美元額度。

v0 官方方案價格頁,列出 Free、Plus、Business、Enterprise 與各方案內含額度

付費方案改成按額度使用,用完會暫停,可以另外加購。內含的額度當月沒用完會保留 65 天,加購的額度則是一年內有效:

方案價格內含額度重點
Free0 美元5 美元(新使用者一次性)每天 7 則訊息、可部署、可同步 GitHub
Plus30 美元/人/月每月 30 美元,加每日登入 2 美元可用所有模型、團隊分享與共用額度
Business100 美元/人/月同 Plus預設不拿資料訓練、集中帳單
Enterprise洽詢業務客製單一登入、權限控管、優先排隊

舊文提到的 Premium(每月 20 美元)還在官方文件裡,但官方標示逐步淘汰,不再開放新使用者訂閱。

v0 目前有 Mini、Pro、Max、Max Fast 四種模型,越後面越聰明也越貴,用量是看輸入與輸出的字數換算成費用。簡單的頁面用 Mini 就夠,複雜的專案再換 Max。

v0 可以商用嗎?

官方常見問題寫的是 Vercel 不擁有你產生的程式碼,但提醒內容可能和他人作品相似、也可能有錯誤,要自己評估能不能拿來上線。

要商用的話,建議先把程式碼檢查過一遍,再確認用到的圖片、字型有沒有授權。

v0 支援哪些平台

除了網頁版,現在還有 iOS App,可以在手機上下提示詞、預覽、設定環境變數與資料庫。官方註明新增 MCP 伺服器的功能目前只能在電腦上設定。

目前沒有看到 Android 版的說明。

v0 使用技巧

  • 先下簡單、核心的指令,做出基礎版本再逐步加功能,比一次塞很多要求好用。
  • 提示越具體越好。不要只說「做一個表單」,而是「做一個有姓名、電子郵件、密碼欄位的註冊表單」。
  • 版面複雜的時候,上傳草圖或參考畫面的截圖,AI 比較容易抓到你要的樣子。
  • 小調整盡量用 Design Mode,不用再花訊息次數或額度。
  • 滿意的版本同步到 GitHub,要回頭比對或復原都方便。

v0 支援中文嗎

提示詞可以直接輸入中文,v0 會用同一種語言回覆。不過官方網站與介面沒有繁體中文,需要有基本的英文閱讀能力。

要產生網頁上的中文內容也沒問題,只是如果想要細節控制得更準確,提示詞改用英文通常比較穩定。

v0 缺點

  • 免費版很緊:每天只有 7 則訊息,做一個稍微複雜的頁面很快就用完。
  • 付費要看額度:改成按用量計費後,用高階模型或反覆修改會燒得很快,每月花多少比較難預估。
  • 方案頁面有些說明不清:Plus 價格旁邊還畫掉了 90 美元,官方沒寫是限時優惠還是別的原因。
  • 大型專案容易卡關:頁面多、流程複雜時,要自己拆成小步驟,不然很難維持品質。
  • 還是需要基本程式概念:資料庫、登入出問題時,完全沒有程式背景的人不一定能自己排除。

常見問題

v0.dev 和 v0.app 是同一個嗎?

是同一個服務。官方 2025 年 8 月宣布把 v0.dev 改為 v0.app,舊網址會自動轉址到新網站。

v0 和 Bolt.new、Lovable 有什麼不同?

三者都是用對話產生網站的工具。v0 的強項是前端介面品質,加上和 Vercel 部署整合得很緊密;想比較其他工具,可以閱讀 Bolt.new 介紹與 Lovable 介紹。

完全不會寫程式也能用嗎?

做簡單的靜態網頁和展示用的頁面可以。要做有登入、資料庫的網站,建議多了解一點基礎概念,也可以先看另一篇 Vibe Coding 介紹,了解這類 AI 寫程式工具的做法。

免費版額度用完怎麼辦?

隔天免費訊息會重新計算;急著完成的話,只能升級 Plus,或另外加購額度。

搜尋站內文章