
你是否也想不要寫程式就做一個 App!Google 開放使用 Opal 了,你的心願可達成了!

Opal 是由 Google Labs 所推出的一款「無程式碼 (no-code) 的 AI 小應用 (mini-app) 」建構工具。使用者可以透過自然語言描述自己想做的應用,再由 Opal 幫你串起多步驟的流程(包含 prompt、模型呼叫、工具整合)並產出可分享的應用。是否適合不會寫程式的你。
主要功能特色1.建立工作流程 (Workflow)
👍使用者描述「我要做 X 功能」時,系統會轉換成視覺化工作流程:串接 prompt 模型 工具等步驟。
👍支援多步驟(multi-step)與多工具(tool chaining)設計。
2.無程式碼、自然語言+視覺編輯器
👍不需要你懂程式語言:你可用自然語言描述、也可進入可視化編輯器微調流程。
👍編輯器允許你點選每一步調整 prompt 或新增工具。
3.即時部署與分享
👍完成後可直接發佈為可分享的應用,無需自行搭建 Web 伺服器。
👍支援快速上手/快速驗證MVP(最小可行產品)概念。
開始練習吧!來做一個 App,可以依想法產生繪圖提示詞。
先連線 Google Opal:https://opal.google/

在此要製作一個繪圖提示詞產生當作範例,參考做法如下:
起手式,點選:Create New。(你也可以由 Opal 提供的範本來修改)
你可以在最下方輸入你的想法,Opal 會根據你的想法幫你建立這個 App。但因為要展示細部過程,所以我以手動方式進行。

其元件只有四種類型節點/模組:User Input、Generate、Output、Add Assets。
👍User Input:向最終使用者收集輸入資料,讓用戶輸入文字、上傳圖片/影片、選擇檔案等。
👍Generate:使用 AI 模型處理/生成內容,你要「從輸入 生成」或「輸入 +資產 生成」。
👍Output:將生成結果呈現或儲存,用戶看到的結果頁面,或者導出至文件/表單。
👍Asse:靜態參考資料,用作生成過程中的上下文或限制,固定樣本、範本、圖片風格、影片參考等。
首先,拖曳一個「User Input」,並在右側窗格中輸入標題和內容。例如:
標題:繪圖主題
內容:請提供想要繪製圖片的主題或想法

接著,拖曳出一個 Generate,如下圖。

拖曳繪圖主題右側的圓點至 Generate上。

結果如下,如此便連結了二個步驟。(其中黃色的標籤會自動產生)

修改這個 Generate 的內容,其中 Prompt :
為繪製圖片的 繪圖主題 進行研究,提供完善的繪圖提示詞,提示詞內容應包含:
- 風格的設定
- 清楚的細節
- 高解析度清晰圖像
- 使用繁體中文和台灣用語

可能用到網路搜尋,所以我加了 Search Web。(不見得要用到)

接著,再加一個 Output。其中 Prompt:根據 Generate 繪製這個圖片,並且展示使用的繪圖提示詞。(下圖把標題也修了)

就快完成了,先點選灰色底圖區域,來到 App 的首頁。

修改首頁的標題和說明文字:(其實是繪圖提示詞產生器)

如果要分享給他人使用,則點選右上角的 Share App。將開關撥至 Public。點選:Copy link,即可取得分享連結。

本例:https://opal.google/?flow=drive:/1rxmOiUnAg-3PWIfIzmZQLXe6twjh7rXP&shared&mode=app

他人即可開始使用,例如,輸入:圓形構成的貓頭鷹。

結果如下:

複製提示詞讓 Gemini 繪出圖片:(效果還不錯)

再複習一下 Opal。






















