Bubble 對比 Webflow：應用程式製作工具還是網站製作工具？

Bubble 與 Webflow 都是視覺化、無 code 的工具，但它們製作的東西不同。Webflow 是網站製作工具，最適合行銷網站、網誌及重視設計控制的內容。Bubble 是應用程式製作工具，支援用戶帳戶、資料庫、工作流程，並且在 2026 年加入了原生手機應用程式。如果你的項目主要是讓人閱讀的頁面，請選 Webflow；如果主要是用戶登入後進行的操作，請選 Bubble。截至 2026 年 9 月，Webflow 網站方案由每月 $15 起（按年計費），而 Bubble 首個正式應用程式方案為每月 $59（按年計費）。

我們如何比較

本比較採用 Bubble 及 Webflow 官方收費頁、產品頁及文件於 2026 年 9 月公開列出的功能與收費。我們沒有製作測試項目，也沒有量度效能。比較準則如下：

• 製作內容 — 網站、網頁應用程式、手機應用程式
• 資料 — CMS 內容，還是應用程式資料庫
• AI — 各自目前提供什麼
• 擁有權 — code 及資料導出
• 收費 — 方案及限制的結構

並排比較

Bubble

製作內容。 Bubble 是視覺化、無 code 的網頁應用程式製作工具。你可以設計頁面、定義資料，並設定工作流程，例如「當這個按鈕被按下，便建立一個預約並電郵通知店主」，而無須寫 code。Bubble 表示，你亦可以在同一個編輯器中製作真正的原生 iOS 及 Android 應用程式，共用同一個後端，並直接發布到 App Store 及 Google Play。

AI。 Bubble AI 會按描述生成完整應用程式，Bubble 強調它生成的是你能夠理解及以視覺化方式修改的應用程式，而非 code。Agent 可以加入功能、排除故障，或解釋應用程式的運作方式，並逐步顯示它製作了什麼。

擁有權。 Bubble 的手冊說得很清楚：Bubble 應用程式只能在 Bubble 平台上運行，無法把應用程式導出為 code。你可以把資料導出為 CSV 檔案，或透過 Bubble 的 API 讀取。Bubble 亦表示，如果它日後停止營運，其原始碼會以開放原始碼授權公開，令應用程式可以自行託管。

截至 2026 年 9 月的收費。 方案部分以工作單位計量，這是 Bubble 衡量應用程式伺服器工作量的單位。

• 免費 — $0，只有開發版本，每月 50K 工作單位，1 位編輯者。
• Starter — 每月 $59（按年計費）：正式應用程式、自訂網域、175K 工作單位、循環工作流程、每月 5 次手機版本提交。
• Growth — 每月 $209（按年計費）：2 位編輯者、250K 工作單位、雙重認證、進階版本控制。
• Team — 每月 $549（按年計費）：5 位編輯者、500K 工作單位、子應用程式。
• Enterprise — 另議，可選擇託管地點。

詳見 Bubble 收費。

需要留意。 隨著應用程式增長，工作單位是需要監察的變數；而且不可導出 code 的政策意味著，離開 Bubble 就需要重新製作。

Webflow

製作內容。 Webflow 是視覺化網站製作工具，主要面向設計師及行銷團隊，讓你以視覺化方式設計版面及互動效果。Webflow CMS 負責處理結構化內容，例如網誌文章、個案研究或團隊成員資料。Webflow 亦提供 Webflow Cloud 以託管網頁應用程式，並設有自己的請求、CPU 及資料庫限制，另有用於網上商店的電子商店方案。

AI。 Webflow 自稱為 AI 原生平台。Workspace 方案包括每月的 Webflow AI 功能點數（免費 Workspace 方案為 200 點，付費方案更多），而且每個網站方案都列出 MCP 伺服器，令 AI 工具可以與你的網站協作。

擁有權。 在付費 Workspace 方案中，你可以導出乾淨的 HTML 及 CSS，交給開發人員。Webflow 留意到，動態 CMS 內容不能以這種方式導出。

截至 2026 年 9 月的收費。 Webflow 把網站方案（按網站計，用於託管）與Workspace 方案（用於團隊）分開。按年付費最多可節省 40%。

• Starter 網站 — 免費，webflow.io 網域、2 個靜態頁、1 GB 頻寬、50 次表單提交、有限的 CMS。
• Basic 網站 — 每月 $15（按年計費）：自訂網域、300 個靜態頁、10 GB 頻寬、無限表單提交。不含 CMS。
• Premium 網站 — 由每月 $25 起（按年計費）：加入 CMS、更多頻寬（由 50 GB 起）、網站搜尋、程式碼元件及表單檔案上傳。
• 電子商店 — Standard 由每月 $29 起（按年計費）：500 件電子商店商品，並收取 2% 交易費。
• Workspace — 免費 Starter；Core 每月 $19 及 Growth 每月 $49（按年計費），供團隊使用；或 Freelancer 每月 $16 及 Agency 每月 $35（按年計費），供客戶工作使用。Core 加入自訂 code 及 code 導出。
• Team 及 Enterprise — Team 為每月 $2,500（需簽署年度合約）；Enterprise 另議。

詳見 Webflow 收費。

需要留意。 你可能同時要為網站方案及 Workspace 方案付費，而且頻寬是分級收費的，所以在編預算前請兩者都檢查清楚。

按情況選擇

兩者各自明顯較強的地方：

• Webflow 勝在設計控制、內容發布，以及網站的成本效益。
• Bubble 勝在應用程式邏輯、用戶資料及手機應用程式，而且無須寫 code。

有些團隊會兩者並用：Webflow 做行銷網站，Bubble 則負責「登入」按鈕背後的應用程式。

AI 應用程式製作工具的位置

對於這個選擇中 Bubble 那一邊，較新的選項是 AI 應用程式製作工具：你用日常語言描述應用程式，由 Agent 撰寫真正的 code。它的取捨與無 code 不同：你無須學習視覺化編輯器，並可獲得可以帶到別處的原始碼，但你要透過預覽來審閱改動，而不是拖曳元素。我們的 無 code 與 AI 應用程式製作工具比較指南 詳細討論了這一點，而 Webflow 與 AI 網站製作工具比較 則針對 Webflow 那一邊作同樣的比較。

Mythex 就是其中一款。你描述應用程式，由 Agent 製作（預設為 React 及 TypeScript），每個項目可以獲得獨立的 Postgres 資料庫及檔案儲存，並可發布到 yourname.mythex.app 或你自己的網域（Pro 方案）。截至 2026 年 9 月，Pro 方案為每月 $25，你可以編輯 code、導出項目或同步到 GitHub。登入、電郵及付款使用你自己的供應商及金鑰，由 Agent 負責接駁。詳見 文件中的方案。

Bubble 及 Webflow 較強的地方：Mythex 沒有拖曳式視覺化設計工具，而且其 Android 及 iPhone 應用程式（Pro 方案）是包裝網頁應用程式，而非使用完全原生的畫面。完整比較請閱讀 Mythex 對比 Bubble。

選擇之前

1. 寫下用戶必須做的三件事。 如果是「閱讀、瀏覽、聯絡我們」，請傾向 Webflow；如果是「註冊、儲存、管理」，請傾向 Bubble。
2. 以一年計算，而非一個月。 兩款工具的標示價格都是按年計費。
3. 決定你願意接受多大的鎖定程度。 Webflow 導出 HTML 及 CSS；Bubble 導出資料，但不導出應用程式本身。

如需更多選擇，請參閱 Bubble 替代方案、Webflow 替代方案 及 Framer 對比 Webflow。

常見問題