Lovable
用自然語言描述需求,AI 直接產生可預覽的網站與網頁應用程式
🤔 勉強可以
能刻出雛形,但 AI 編輯器才是本體
月費(約)
$25
約 NT$800
一年省下
$300/年
自己刻要多久
好幾週
幾個人做得出來
兩個人
分類
🧱 網站建置
價格為約略值,以官網為準。Pro 方案月繳價格約 25 美元,免費方案另有用量限制
護城河
判決理由
網站產生器、檔案編輯器、即時預覽、版本回復與部署按鈕都能自己刻,接一個程式碼模型 API 也能做出可用雛形。但 Lovable 的核心是自然語言到完整 React 應用程式的生成品質、持續修正上下文、執行環境與部署整合,這些要花好幾週打磨,還會持續產生模型與託管費。
為什麼大家還是付錢
付費買的是生成結果穩定、能持續理解整個專案,以及資料庫、登入、部署等整合都已經接好。只做幾個自己的網站,直接用 AI 寫程式通常更省。
建置 prompt
複製下面這段,丟給你的 AI coding 工具,讓它替你刻一個自用版。
目標:做一個本機優先的 AI 網站產生器,讓我用自然語言建立、修改並匯出可執行的前端專案。
技術棧建議:Electron 或 Tauri + React/TypeScript 編輯器,SQLite 儲存專案,接 OpenAI 相容 API 產生程式碼,使用 Vite 預覽。
需求:
- 建立專案時輸入網站描述、技術偏好與目標頁面
- 讓 AI 依目前檔案樹與相關檔案內容產生初始 React 專案
- 提供對話視窗,可用自然語言指定修改某個頁面或元件
- 將 AI 回覆解析成檔案新增、修改、刪除操作,執行前顯示差異
- 支援檔案樹瀏覽與基本語法高亮編輯
- 每次 AI 修改前建立本機版本快照,可檢視差異與一鍵回復
- 啟動 Vite 開發伺服器,在右側 iframe 即時預覽目前網站
- 捕捉預覽中的編譯錯誤與執行錯誤,可一鍵送回 AI 修正
- 提供常用提示模板,涵蓋頁面、表單、導覽列、響應式版面與配色
- 可選擇模型、API 位址與金鑰,金鑰只存在本機設定檔
- 專案可匯出為 ZIP,包含 package.json、原始碼與 README
- 提供匯入既有 ZIP 專案功能,並保留檔案結構
明確不做(out of scope):多人協作、雲端專案同步、代客部署、內建資料庫服務、登入與金流模組、圖片與模型訓練平台。
README 要求:說明本機安裝方式、支援的 API 設定、啟動與匯出指令、資料儲存位置、如何備份與刪除專案。
「用 Claude Code 開啟」複製的是 claude "<prompt>",貼進終端機即可;
Codex、Cursor、Copilot 等工具直接用左邊的複製鈕貼進對話框。
免費 / 開源替代
替代品由 AI 依公開資訊列出,尚未逐一連線驗證(unverified),請自行確認是否仍在維護。
這個判決會隨模型進步翻盤:今天的「勉強可以」很可能半年後變成「可以刻」。
判決依 rubric v1.0.0 於 2026-08-31 生成。