開源的 v0 替代方案。

v0 是什麼

v0（Vercel 出品）是一個託管的 AI UI 生成器：描述一個 UI，它就會產出前端元件，針對 React、Next.js 與 Tailwind 生態系調校，你可以直接部署到 Vercel。它快速且與該技術棧緊密整合。

它是閉源的，執行於廠商雲端，按訂閱與按生成次數計費的點數收費。Open Design 是不同的姿態：一個本機優先、開源的設計代理，你把自己的編碼代理指向它 — 在 prompt-to-UI 上重疊，但不在於 Vercel 託管的管線。

• 廠商：Vercel（v0）— 託管 SaaS
• 定價：訂閱 + 按生成次數計費的點數
• 主要產出：託管的 UI，外加程式碼匯出

團隊為何尋找 v0 替代方案

當團隊想擁有產出、控制支出、使用任何代理與任何技術棧，並把設計保存為可攜帶、受版控的資產時，他們就開始把目光投向 v0 之外。

• 擁有產出: UI 應是你 repo 中的檔案，而非某個託管專案裡的生成結果。
• BYOK 經濟性: 自帶供應商金鑰，讓 API 支出計入你自己的帳戶，而非在訂閱之上再付按生成次數計費的點數。
• 任何代理、任何技術棧: 用你已經在用的編碼代理、在你選擇的技術棧上來驅動設計 — 而非單一廠商託管的模型。
• 開源: Apache-2.0 且可自架：fork 它、為你的工作室重新品牌化它，或把它嵌入 CI。

本機優先 + BYOK，解析

Open Design 在你的機器上執行一個桌面應用、一個本機 daemon，以及 Markdown 的技能與設計系統目錄。你的 UI 是檔案，而非託管的生成結果，而你的品牌以一份可攜帶的 DESIGN.md 檔案留存在你的 repo 中，每個技能都遵循它。

你自帶代理金鑰。憑證留在本機設定或環境變數中 — Open Design 絕不代理它們 — 而 API 支出直接計入你自己。

Open Design vs v0，逐項功能

v0 勝出之處：若你生活在 Vercel、Next.js 與 React 生態系中，想在同一個緊密的託管流程裡生成並部署 UI，v0 正是為此而生。Open Design 則是設計優先且不挑技術棧的。

誰該選哪個

選 v0，如果：

• 你想要緊密整合進 Vercel 與 React 生態系所生成的 UI。
• 你想從同一個流程直接部署到 Vercel。
• 比起本機檔案，你更偏好託管生成器與按生成次數計費的點數。

選 Open Design，如果：

• 你想把設計產物與品牌做成受版控的檔案。
• 你想在任何技術棧上用你既有的編碼代理做 BYOK。
• 你想要可 fork、可重新品牌化、可嵌入 CLI、可自架的開源方案。
• 你想要每個品牌一份 DESIGN.md，且每個技能都遵循。

把一份設計從 v0 搬進 Open Design

目前沒有從 v0 自動匯入的功能；以一次性的品牌擷取執行作為設計優先的起點。

1. 依快速上手指南安裝 Open Design。
2. 打開 Web UI，把你的代理指向一個你喜歡的 v0 生成結果或截圖。
3. 請代理把品牌擷取成一份 DESIGN.md 檔案。
4. 挑一個技能，依你的新品牌渲染它。

自此之後，每個技能都會以你的品牌渲染，無需重複提示 — 而且檔案都留在你的 repo 中。

FAQ

1. 01 Open Design 是 v0 的即插即用替代品嗎？ +

   不是。v0 在 Vercel 的託管流程中生成 UI；Open Design 設計優先，用任何代理產出歸你所有的產物。兩者在 prompt-to-UI 上重疊，但不在於 Vercel 託管的管線。

2. 02 Open Design 會把我綁死在某個技術棧上嗎？ +

   不會。BYOK 搭配任何受支援的代理，而你的產出是 repo 中的純檔案 — 不綁定任一框架或主機。

3. 03 Open Design 用哪個代理？ +

   由你決定 — BYOK 搭配 Claude Code、Codex、Cursor、Gemini、OpenCode 或 Qwen。API 支出計入你自己的帳戶，憑證絕不經過我們代理。

4. 04 Open Design 真的開源嗎？ +

   是的。它位於 github.com/nexu-io/open-design，採 Apache-2.0，且可自架。

5. 05 Open Design 與 v0 或 Vercel 有關聯嗎？ +

   沒有。Open Design 是一個獨立的開源專案。v0 與 Vercel 是其所有者的商標；這是一份無關聯的比較。