不會寫 Code 也能開發自己專屬 App,Google Opal 新手操作指南

作者 | 發布日期 2025 年 12 月 12 日 14:38 | 分類 AI 人工智慧 , Gemini , 科技生活 line share Linkedin share follow us in feedly line share
Loading...
不會寫 Code 也能開發自己專屬 App,Google Opal 新手操作指南

隨著生成式 AI 越來越強大,彷彿每個不會寫 Code 的文組生都該會一點 Vibe Coding 的觀念與技巧,而 Google Opal 就是一款最適合程式小白根據自身學習或工作需求、打造效能工具的無程式碼 AI 應用程式開發平台。本篇文章就是新手從零開始的體驗分享與操作指南,誠心建議每個人都來玩玩看。

使用 Opal 前要先知道的三小事

1. 全英文介面,但你可以用中文下指令

Opal 是由 Google Labs 推出的實驗性專案,稍早 11 月的時候才開放包含台灣在內的 160 個國家/地區使用。你不需要會編寫程式碼,只需要透過跟 AI 的對話與下達指令,它就可以自動生成各種類型的應用程式。這個溝通的過程通常比你跟自己公司的 RD 同事還要順暢,還不會嫌棄你不夠專業。

雖然 Opal 目前的操作介面只有英文,但因為其核心是由 Google Gemini 模型驅動,所以只要在 Opal 的對話框中使用中文輸入指令,描述你想要開發的應用程式功能,例如:「幫我做一個可以自動摘要 YouTube 影片重點的工具」,它依然能夠理解中文指令並生成一個 AI 應用程式。

▲ 在 Opal 的對話框中可以使用中文輸入指令。(Source:Google Opal)

2. 有現成模板,也可透過視覺化流程圖客製化

當你向 Opal 用文字描述想法或功能後,它會將指令轉換成一個視覺化的流程圖(Workflow),每個「輸入指令」、「AI 處理」、「輸出結果」等各步驟,都會像一塊塊拼圖串聯在一起。當你發現某些拼圖(步驟)可能有問題,你可以在每塊拼圖上直接下 Prompt 進行改善,或是手動拖拉,調整各拼圖的關聯性及順序。這些操作以下會再提到。

▲ 在視覺化的開發介面上,每個「輸入指令」、「AI 處理」、「輸出結果」等各步驟像拼圖一樣串聯在一起,你可以看到彼此的關聯性。(Source:Google Opal)

此外,平台上有預設的幾種 AI 應用程式模板,例如穿搭推薦(Fashion Stylist)、社群媒體發布器(Social Media Post)等等,你可以直接選取這些模板來測試看看是否符合你的需求。如果你認為有需要改善的話,可以在該應用程式模板上方點擊「Remix」,就能以這個模板為基礎,開始客製化自己想要的功能。

3. 可以分享他人使用,但不能當作產品服務販售

在 Opal 上開發出的應用程式是可以分享給別人用的。只要選擇發布(Publish)你的心血結晶,平台就會生成一個該應用程式的網址,你可以設定權限是「公開(Public)」還是「特定人員(Restricted)」,使用者不需要安裝任何軟體,只要透過行動裝置或是 PC 的網頁瀏覽器搭配 Google 帳號就可開啟。

目前 Opal 算是一個實驗性質的平台,因此你沒有辦法把 App 打包成 .exe 或 .apk 檔,也不能把原始碼下載下來存到自己的伺服器上;此外,這個 App 網址也勢必是 Google 網域,使用者介面也無法跳脫 Google Opal 的框架,加上它也沒有導入「付費訂閱」等功能,因此現階段你是沒辦法把 Opal 平台上開發的 App 直接當作一款軟體產品(SaaS)進行販售。只能當作自己、身邊親友或是部門同事的工具,當然也建議你不要上傳高度機密的資料上去。

了解 Opal 開發介面

一旦用 Google 帳號登入 Opal 平台,可見上半部是「Your Opal apps(你的 Opal 應用程式)」,點擊「+ Create New」就能開始設計自己想要的 App;下半部則是「Gallery(模板庫)」,可在列表當中選擇已經預設好的應用程式模板。你可以先試用看看哪些模板是否符合自身需求,或是觀察這些模板的流程圖是如何規劃、了解每塊拼圖(步驟)之間的順序及關連性,有助於你設計自己的 App 時釐清思路。

▲ 平台上有預設的幾種 AI 應用程式模板,也可以在該應用程式模板上方點擊「Remix」,以這個模板為基礎開始客製化自己想要的功能。(Source:Google Opal)

點擊「+ Create New」進入開發介面後,主要分成三個你可以操作的區塊。第 1. 個是下方的「指令對話框」,直接在這邊輸入中文描述你想要的功能,並可持續跟 AI 對話進行調整。第 2. 個是正上方的「流程編輯區塊」,由於 Opal 會將應用程式以視覺化的流程圖呈現,每個拼圖(步驟)都代表一個動作,並有相對應的顏色。黃色代表使用者輸入指令(User Input);藍色代表 AI 處理生成(Generate);綠色代表輸出結果(Output);橘色則是讓使用者可以附加圖片、YouTube 影音、連結 Google 雲端檔案等(Add Assets)。這些拼圖你都可以任意增減、拖曳、串聯或修改當中的內容。

▲ 開發介面供使用者操作的三大區塊,分別是 1. 下方的「指令對話框」、2. 正上方的「流程編輯區塊」以及 3.「調整、測試及結果生成區」。(Source:Google Opal)

第 3. 個區塊則是「調整、測試及結果生成區」,當你點擊某個拼圖的時候,你便可以在這個右側區塊修改它要執行的任務,且每個拼圖都可以修改標題。假設是黃色的拼圖(User Input),內容通常是用來提醒這個步驟要輸入什麼樣的資訊,你便可以在這邊直接鍵入文字,例如「上傳你想要分析的簡報檔案」或是「輸入你的閱讀目標」等等。

至於藍色的拼圖(Generate)跟綠色的拼圖(Output),因為都跟 AI 處理生成有關,因此點選拼圖後,便可在右側的區塊選擇你想要用哪一款 Google 的 LLM 模型來處理任務;而要是你覺得這塊拼圖的處理步驟不盡如人意,你可以繼續下 prompt 請它優化這個過程。

▲ 從上方的「流程編輯區塊」可以選擇你要的拼圖,點擊該拼圖就可以在右方的「調整、測試及結果生成區」修改拼圖的標題跟任務內容。黃色拼圖(User Input)可以在右邊直接鍵入文字,內容通常用來提醒到時候這個步驟要輸入什麼樣的資訊;藍色拼圖(Generate)跟綠色拼圖(Output)因為都跟 AI 處理生成有關,可以在右邊選擇你要處理的 LLM 模型或是調整 prompt。(Source:Google Opal)

「調整、測試及結果生成區」中,除了調整每個拼圖所要執行的任務之外,還有另外三個功能:

  1. Preview:當你把每個拼圖的任務規劃好並依序串聯起來、設計完所有流程後,可以在右側區塊的 Preview 當中測試你的應用程式實際運作起來會是什麼樣子。
  2. Console:可以看到每個拼圖怎麼拆解運作你設計的流程圖任務、使用哪些 LLM 模型並耗費了多少時間。
  3. Theme:除了平台根據你對應用程式的功能描繪生成的主視覺之外,你也可以自己上傳圖片或是另外下指令請它生成不一樣的主視覺。

▲ Preview:當你把每個拼圖的任務規劃好並依序串聯起來、設計完所有流程後,可以在右側區塊的 Preview 當中測試你的應用程式實際運作起來會是什麼樣子。(Source:Google Opal)

▲ Console:可以看到每個拼圖怎麼拆解運作你設計的流程圖任務、使用哪些 LLM 模型並耗費了多少時間。(Source:Google Opal)

▲ Theme:除了平台根據你對應用程式的功能描繪生成的主視覺之外,你也可以自己上傳圖片或是另外下指令請它生成不一樣的主視覺。(Source:Google Opal)

實際練習:設計一款健康管理 App

看到這邊,如此簡單的 Opal 不自己親手試試看也未免太可惜了。有鑑於現在不論上班族或是學生往往都有久坐或用眼過度的情況,實在有必要好好審視一下自己的身材跟注重健康管理,接下來就以設計出一款個人專屬的健康管理 App 為例進行嘗試。

1. 先丟一句 prompt 看 Opal 可以幫你做什麼

把「Gallery(模板庫)」的應用程式模板快速瀏覽了一遍,感覺沒有適合的模板可以直接 Remix 套用,乾脆就從零開始直接在對話框下指令:「我想要設計一個健身管理 App,它可以根據我輸入的身體資料(包含身高、體重、年齡、身理性別、體脂肪率、肌肉量)以及期望達到的目標,提供我飲食控制及健身運動的計畫(包含建議的投入天數)。最後生成的結果要用台灣繁體中文呈現。」系統經過一陣運算,就會自動生成整個應用程式運作的流程圖,並幫你的應用程式配上主視覺並且取名,你也可以自行更改應用程式的名稱,像我這裡就將名稱取為「我的健身教練」。

從以上開發平台的流程圖上可看到,Opal 將身高、體重、年齡、身理性別、體脂肪率、肌肉量以及「你的健身目標」設為「輸入指令」,也就是黃色拼圖(User Input),藍色拼圖(Generate)負責將接收到的指令以 AI 進行處理,最後綠色拼圖(Output)則會將結果生成一頁式的網頁。以下的頁面就是根據使用者的身體狀況與健身目標為「三個月內將體重減至 65 公斤以內,體脂肪百分比降到 18%」所生成的飲食與訓練菜單。

值得注意的是,假設你輸入的健身目標會對身體造成負面影響,例如「我想要在兩個禮拜內瘦 10 公斤並增加肌肉量」這種不合理的需求,AI 並不會完全依照你的指示,而是會提供一個比較合理的替代目標跟方案。例如以下的結果,應用程式還是根據原本的目標 14 天進行規劃,但強調這只是邁向最終目標初期必須進行的飲食控制與健身運動,實際上必須長期地執行才會有效。

2. 在流程圖上根據需求自行新增節點並串聯

若是覺得原本的應用程式功能沒那麼完整,例如你希望能夠輸入更多的需求如「預期投入的天數」、「是否需要欺騙日休息」、「要由簡到難分幾階段進行」,以及讓 AI 去更完整地綜合評估合理的計畫,可如下方流程圖所示,新增三個黃色拼圖(User Input)讓使用者輸入這些資訊,並新增一個藍色拼圖(Generate),對其任務內容在右側區塊下 prompt,要求它「Optimize Fitness Plan」,甚至可以把預設的 LLM 模型從 Gemini 2.5 Flash 改成 Gemini 3 Pro,但這樣勢必會耗費更多時間才會生成結果就是了。

Opal 應用程式的生成結果怎麼儲存下來?

當你終於成功設計出自己的應用程式,對生成的結果也相當滿意,這時候卻會發現,Opal 本身並沒有內建一個長期的「資料庫」來自動保存每次的使用紀錄。如果不設定輸出位置,App 跑完、網頁關掉後,你生成的內容通常就會消失。因此要保存結果,主要還是得依賴整合 Google Workspace。原本 Opal 應用程式預設生成的結果都是「Webpage with auto-layout」也就是會生成像上面飲控健身菜單那樣的頁面;現在你可以在流程圖上,點擊綠色拼圖(Output)後去右側區塊修改它最後生成的結果,你可以選「Save to Google Sheets」或是「Save to Google Sheets」,這樣它就會把文字結果以這些檔案類型存在你的 Google 雲端硬碟了。

(首圖來源:Google Opal

想請我們喝幾杯咖啡?

icon-tag

每杯咖啡 65 元

icon-coffee x 1
icon-coffee x 3
icon-coffee x 5
icon-coffee x

您的咖啡贊助將是讓我們持續走下去的動力

總金額共新臺幣 0
《關於請喝咖啡的 Q & A》