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

> 網頁 App 還是 iPhone App？從產出的專案、測試、程式碼匯出和 App Store 流程比較三套工具。

原始頁面：[Lovable、Rork、FlutterFlow 比較：哪個適合做手機 App？](https://devoria.fr/zh-hant/blog/lovable-rork-flutterflow-mobile-app-comparison)
作者：[Mehdi Azizi](https://devoria.fr/zh-hant/mehdi-azizi)
發布日期：2026-10-01
內容最後修訂：2026-10-09


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

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

在比較提示詞或訂閱方案之前，先決定你要的成果：一個在瀏覽器打開的連結、一個 iPhone App，或是同時支援 iOS 和 Android 的 App。這幾種目標要檢查的東西都不一樣。如果「vibe coding」對你來說是新名詞，先看[vibe coding 是什麼](https://devoria.fr/zh-hant/blog/what-is-vibe-coding-definition-tools-limits)。

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

## Lovable：從網頁應用程式開始

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

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

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

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

[Rork 的 FAQ](https://rork.com/faq) 說明 Rork Pro 走的是 React Native 和 Expo，Rork Max 則是 SwiftUI 專案。[Rork Max 頁面](https://rork.com/max)介紹的是在雲端編譯、為 Apple 平台打造 App。

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

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

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

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

[FlutterFlow 的 App Store 部署文件](https://docs.flutterflow.io/deployment/apple-app-store-deployment/)說明了如何準備專案、App 的識別碼和 Apple 權限，然後送出。流程整合在視覺化工具裡，不代表你可以省掉帳號準備和實機測試。

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

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

## 選擇之前要問的問題

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

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

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

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

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

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

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

[一頁式需求規格書](https://devoria.fr/zh-hant/blog/mobile-app-requirements-template-one-page)可以當作共同的需求。如果你想直接在 Expo 專案裡開發，[Codex 指南](https://devoria.fr/zh-hant/blog/build-app-with-codex-beginner-guide)介紹了另一種流程。

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

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

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

[iPhone App 的預算](https://devoria.fr/zh-hant/blog/iphone-app-development-cost)能幫你準備這些問題。[免費做 App](https://devoria.fr/zh-hant/blog/free-iphone-app-real-cost) 這篇指南則區分了在付上架費用之前，你可以先測試哪些東西。

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

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

如果你還在猶豫流程，[iOS Kit](https://devoria.fr/zh-hant/kits/ios) 把它拆成四個步驟，從點子到 App Store。想完整了解每個步驟，看[iPhone App 製作指南](https://devoria.fr/zh-hant/expertise/build-an-iphone-app)，再看[App Store 上架流程](https://devoria.fr/zh-hant/expertise/publish-app-on-app-store)。想用 AI 一路做到上架，可以看[vibe coding 課程](https://devoria.fr/zh-hant/expertise/vibe-coding-course-iphone-app)。

還在產生器和真正的專案之間猶豫？[免費診斷](https://devoria.fr/zh-hant/diagnostic)會從你的狀況和你正在用的工具出發，告訴你該先處理哪個步驟。

## 常見問題

### 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 的預算](https://devoria.fr/zh-hant/blog/iphone-app-development-cost)能幫你準備這些問題。


## 你的專案

[iOS Kit](https://devoria.fr/zh-hant/kits/ios)：用 Claude Code 打造你的 iPhone App：我的 App 所用的 Starter Code、檢查成果的 skills，以及 Apple Review Kit、App Store Screenshots Kit 與 ASO Kit。129.99 €。