Bubble
用拖拉介面與工作流程,快速做出可上線的網頁應用程式
🤔 勉強可以
小工具能刻,完整平台別自己扛
月費(約)
$32
約 NT$1,024
一年省下
$384/年
自己刻要多久
好幾週
幾個人做得出來
兩個人
分類
🧱 網站建置
價格為約略值,以官網為準。Starter 入門方案年繳換算約每月 32 美元;月繳價格較高
護城河
判決理由
表單、資料表、登入、CRUD、條件顯示與簡單工作流程,用現成前端框架和 SQLite 一個週末就能做出自用版。真正難的是把拖拉編輯器、響應式版面、狀態管理、外掛市場、API 連接器、部署、版本回溯與錯誤處理磨完整;若要重做 Bubble 本身,會變成好幾週以上的產品工程。
為什麼大家還是付錢
付費買的是成熟的視覺化編輯器、託管、部署、外掛和少操心的維護成本。若只是做內部表單或個人資料工具,自己刻通常更快;需要反覆改版才值得訂閱。
建置 prompt
複製下面這段,丟給你的 AI coding 工具,讓它替你刻一個自用版。
目標:做一個本機優先的簡化版 Bubble,讓我用視覺化方式建立自用的資料型網頁應用程式。
技術棧建議:React + TypeScript + Vite,SQLite 或 IndexedDB 儲存資料,使用 JSON 匯入匯出,避免後端帳號系統。
需求:
- 提供畫布編輯器,可新增文字、按鈕、輸入框、表格、圖片與容器元件
- 支援拖曳、調整尺寸、複製、刪除、對齊與元件樹排序
- 每個元件可設定文字、顏色、間距、寬高、顯示條件與點擊事件
- 提供手機、平板、桌面三種預覽寬度
- 可建立資料表與欄位,支援文字、數字、日期、布林值與單選類型
- 提供資料列新增、編輯、刪除、搜尋、篩選與排序
- 讓表格、文字和輸入框綁定目前資料表的欄位
- 支援按鈕觸發新增資料、更新資料、刪除資料與切換頁面
- 提供簡單工作流程編輯器,能依序執行多個動作並顯示錯誤
- 支援多頁面應用程式與頁面間帶參數切換
- 可將目前專案另存為 JSON,並從 JSON 還原專案
- 提供預覽模式,讓使用者直接操作目前建立的應用程式
- 提供產生靜態 HTML、CSS 與 JavaScript 的匯出功能
明確不做(out of scope):多人協作、雲端託管、真實使用者登入、OAuth、付款、外掛市集、任意第三方 API 連接、即時同步與完整拖拉排版引擎。
README 要求:說明本機啟動方式、編輯器資料模型、元件與工作流程格式、JSON 匯入匯出方式、靜態檔案產生方式,以及目前未支援的 Bubble 功能。
「用 Claude Code 開啟」複製的是 claude "<prompt>",貼進終端機即可;
Codex、Cursor、Copilot 等工具直接用左邊的複製鈕貼進對話框。
免費 / 開源替代
- Appsmith 開源
開源低程式碼工具,適合快速做內部管理介面與資料操作。 - Budibase 開源
可自架的低程式碼平台,支援資料表、表單與內部工具。 - ToolJet 開源
開源內部工具建置平台,能連資料庫並組裝操作介面。
替代品由 AI 依公開資訊列出,尚未逐一連線驗證(unverified),請自行確認是否仍在維護。
這個判決會隨模型進步翻盤:今天的「勉強可以」很可能半年後變成「可以刻」。
判決依 rubric v1.0.0 於 2026-08-31 生成。