不用寫程式也能做出自己的APP：FlutterFlow

更新於 2023/06/05發佈於 2023/05/14閱讀時間約 4 分鐘

FlutterFlow

說到架設網站和製作APP，大部分人腦中浮現的應該都是坐在電腦前焦頭爛額地寫程式。但是隨著科技的進步與時代的發展，現在有越來越多工具讓架設網站和製作APP變得更加容易與親民，甚至有不需要自己寫任何一行程式碼就可以做出網站和APP的工具出現，讓歡迎我們今天要介紹的主角：FlutterFlow！

IG:@digitalhunter.io

無程式/低程式平台 (no-code/low-code platform)

FlutterFlow (以下簡稱FF) 是一個讓你不用寫任何程式就可以做出網站與APP的工具，也就是俗稱的無程式/低程式平台 (no-code/low-code platform)。只需要透過拖拉放 (drag and drop) 的介面設計 (User Interface, UI) 方式，就可以輕鬆做出自己的網站與APP！

使用者不需要寫程式的原因是FF的介面將寫程式的過程轉化為介面設計，當使用者在設計介面用到不同的元件 (element) 以及調整位置、大小等設定時，背後相對應的程式碼便會自行完成。因此，「寫程式」的過程即變為相當視覺化與直覺化的介面設計。

這種快速、簡單又易上手的設計，十分適合沒有程式背景的使用者或是想先以最小可行性商品 (Minimum Viable Product, MVP) 來測試市場反應的公司團體。

市面上除了FF以外，常見的無程式/低程式平台還有Bubble, Adalo, Glide等，以上平台各有獨自的特色與優點，以後有機會再和各位介紹。

缺點

當然，FF也不是沒有缺點，如果你不會寫程式的話就只能使用現成的模組跟功能，相較於自己寫程式來說自由度受到不少的限制；另外，FF主要是針對前端(frontend)的設計，若是要打造一個可以實際使用的應用程式，勢必需要後端的資料庫加入，這裡使用者就需要另外串接外部資料庫來搭配，目前FF配合的資料庫有Firebase和Supabase兩個，使用者可以根據自己的喜好與需求來使用，不過資料庫的串接跟建置相對於FF的操作難上許多，沒有程式背景或是初學者需要花費比較多的心力來學習。

功能

FF提供許多不同功能，大致上可以滿足使用者建置一個基本可用的網站和APP。

提供近80種元件 (element)：這裡提到的原件包含文字、按鈕等常見功能；以及堆疊 (stack)、直行 (column)、橫列 (row)等版型；還有下拉式選單 (dropdown)、開關 (switch on/off)、計時器 (timer) 等多功能元件。
可串接Firebase和Supabase資料庫，打造一個完整的網站或APP。
可串接廣告與金流等第三方服務，包含 AdMob和Stripe等。
可串接API。
線上即時測試：在打造網站或APP的過程中，可以隨時進行測試，檢視頁面設計是否正確且順暢。
官方提供教學文件、YouTube頻道和社群討論區，有助於初學者學習。