Lovable、Rork、FlutterFlow 比較：哪個適合做手機 App？

選哪個，取決於你想上架什麼樣的 App

Lovable 做的是網頁應用程式，也包括適合手機的介面。Rork 提供手機 App 的製作流程，其中 Rork Max 專攻 Apple 生態系。FlutterFlow 讓你用視覺化編輯器打造 App，並提供上架 App Store 的流程。

在比較提示詞或訂閱方案之前，先決定你要的成果：一個在瀏覽器打開的連結、一個 iPhone App，或是同時支援 iOS 和 Android 的 App。這幾種目標要檢查的東西都不一樣。如果「vibe coding」對你來說是新名詞，先看vibe coding 是什麼。

這篇指南比較的是各家官方文件記載的流程，不是它們產生器的效能測試。

Lovable：從網頁應用程式開始

Lovable 的 FAQ 寫明，這個工具做的是網頁應用程式，不會產生 React Native 專案。網頁 App 可以做成適合手機的版面、以 PWA 形式安裝，或用 Capacitor 這類工具包裝起來，準備送審上架。

如果你一開始只需要一個好分享的連結，這樣就夠了。但改用手機包裝的話，就多了一段編譯、測試和上架的流程。加到主畫面的 PWA，不等於上架到 App Store 的商品頁面。

要做決定，就想像實際使用的情境。如果使用者只需要點連結填個表單，從網頁開始可能就夠了。如果你的專案需要某個 Apple 專屬功能，先確認有沒有支援，再來做所有畫面。

Rork 和 Rork Max：確認專案的流程

Rork 的 FAQ 說明 Rork Pro 走的是 React Native 和 Expo，Rork Max 則是 SwiftUI 專案。Rork Max 頁面介紹的是在雲端編譯、為 Apple 平台打造 App。

FAQ 也提到付費方案有上架協助和透過 GitHub 匯出的功能。產品頁面會變動：決定之前，先確認你的專案實際用的是什麼技術，以及你的方案包含哪些功能。

對後續開發來說，專案格式很重要。如果你想用 Codex 這類 agent 接手你的 App，你得知道匯出的是什麼程式碼、怎麼啟動，以及哪些功能還綁在平台上。

所以不要只看產生出來的預覽就做決定。問清楚怎麼把版本裝到你的裝置上，以及怎麼在工具外接手專案。

FlutterFlow：視覺化編輯器加上部署流程

FlutterFlow 的 App Store 部署文件說明了如何準備專案、App 的識別碼和 Apple 權限，然後送出。流程整合在視覺化工具裡，不代表你可以省掉帳號準備和實機測試。

如果你比較喜歡在編輯器裡設定畫面和邏輯，而不是每次修改都交給 agent，這種做法值得考慮。確認你的 App 需要的功能，以及所選方案的條件，尤其是上架和接手專案的部分。

在做十個畫面之前，先完成一個完整的操作。如果這個操作就已經需要一個很難理解的繞路做法，這對選工具來說是很有用的資訊。

選擇之前要問的問題

每個問題，都是你在決定之前應該拿到的答案。

問題	你應該拿到的答案
這個工具產出什麼？	網頁、React Native、SwiftUI 專案或其他明確的格式
怎麼在我的手機上測試？	一套在你裝置上可重複的步驟
怎麼拿回專案？	匯出條件和接手步驟
我的資料放在哪裡？	使用的服務和存取規則
怎麼上架？	帳號、編譯和送審步驟
後續要花多少錢？	工具、服務和上架費用

把答案記在一份文件裡。如果某個名詞還不清楚，先要一個具體例子，再決定要不要花錢買更多點數。

不用做一堆原型也能比較的練習

拿一個很簡單的虛構範例：打包行李用的物品清單。使用者新增一個物品、打勾、關掉 App，再打開時清單還在。

在你有興趣的工具裡測試同一個流程。你不需要比較所有平台：試一次就能知道你懂不懂它的運作方式。

觀察三個時刻：第一次產生、修改一個細節，以及隔天接手專案。第三個常常會暴露初始預覽看不出來的問題：資料去哪裡找、怎麼還原版本、怎麼繼續做而不用整個重來。

一頁式需求規格書可以當作共同的需求。如果你想直接在 Expo 專案裡開發，Codex 指南介紹了另一種流程。

成本不只是產生器的訂閱費

除了產生點數，也要確認上架後還會繼續用的服務：資料庫、儲存空間、產品內的 AI 呼叫和上架費用。

製作工具的訂閱費，和你未來使用者會用到的 API，是兩筆不同的支出。每個操作都呼叫 API 的 App，開發完之後還可能持續產生費用。先搞懂這個呼叫和它的上限，而不是在每個畫面都加上 AI 功能。

iPhone App 的預算能幫你準備這些問題。免費做 App 這篇指南則區分了在付上架費用之前，你可以先測試哪些東西。

如果目標是 App Store，該選哪個工具？

選一個能產出你要的 App、你能測試、而且你能接手修改的流程。沒有任何預覽能保證 Apple 會通過。網頁包裝的 App 也必須提供符合上架要求的體驗。

如果你還在猶豫流程，iOS Kit 把它拆成四個步驟，從點子到 App Store。想完整了解每個步驟，看iPhone App 製作指南，再看App Store 上架流程。想用 AI 一路做到上架，可以看vibe coding 課程。

還在產生器和真正的專案之間猶豫？免費診斷會從你的狀況和你正在用的工具出發，告訴你該先處理哪個步驟。

常見問題

Lovable、Rork 還是 FlutterFlow：做手機 App 該選哪個？

取決於你想上架什麼樣的 App。Lovable 做網頁應用程式，Rork 提供手機 App 流程，其中 Rork Max 專攻 Apple，FlutterFlow 則是視覺化編輯器加上 App Store 上架流程。先決定你要的成果：瀏覽器裡的連結、iPhone App，或是 iOS 和 Android 的 App。

Lovable 能做 iPhone App 嗎？

根據它的 FAQ，Lovable 做的是網頁應用程式，不是 React Native 專案。網頁 App 可以做成適合手機的版面、以 PWA 形式安裝，或用 Capacitor 這類工具包裝起來，準備送審上架。但加到主畫面的 PWA，不等於上架到 App Store 的商品頁面。

Rork 產出的是 React Native 還是 SwiftUI？

兩種都有，看方案。Rork 說明 Rork Pro 走 React Native 和 Expo，Rork Max 則是 SwiftUI 專案，專攻 Apple 平台並在雲端編譯。它的 FAQ 也提到付費方案有上架協助和透過 GitHub 匯出。頁面會變動：決定之前，先確認你的專案實際用的是什麼技術。

FlutterFlow 能上架 App Store 嗎？

可以，FlutterFlow 的文件說明了從它的視覺化編輯器部署到 App Store 的流程。內容包括準備專案、App 的識別碼和 Apple 權限，然後送出。這個整合流程不能讓你省掉帳號準備和實機測試。也要確認你方案在上架和接手專案方面的條件。

離開 App 產生器之後，能拿回自己的專案嗎？

取決於工具和方案。根據它的 FAQ，Rork 付費方案提供透過 GitHub 匯出。FlutterFlow 的話，要確認你方案在接手專案方面的條件。付錢之前，問清楚匯出的是什麼程式碼、怎麼啟動，以及哪些功能還綁在平台上。

用 App 產生器做的 App 要花多少錢？

產生器的訂閱費只是成本的一部分。先確認產生點數，再確認上架後還會繼續用的服務：資料庫、儲存空間、產品內的 AI 呼叫和上架費用。你未來使用者用到的 API，和你的製作工具訂閱費是不同的支出。iPhone App 的預算能幫你準備這些問題。