Google Opal:無程式碼的AI應用程式建構工具

更新 發佈閱讀 4 分鐘
raw-image

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

raw-image

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/

raw-image

在此要製作一個繪圖提示詞產生當作範例,參考做法如下:

起手式,點選:Create New。(你也可以由 Opal 提供的範本來修改)

你可以在最下方輸入你的想法,Opal 會根據你的想法幫你建立這個 App。但因為要展示細部過程,所以我以手動方式進行。

raw-image

其元件只有四種類型節點/模組:User Input、Generate、Output、Add Assets。

👍User Input:向最終使用者收集輸入資料,讓用戶輸入文字、上傳圖片/影片、選擇檔案等。

👍Generate:使用 AI 模型處理/生成內容,你要「從輸入 生成」或「輸入 +資產 生成」。

👍Output:將生成結果呈現或儲存,用戶看到的結果頁面,或者導出至文件/表單。

👍Asse:靜態參考資料,用作生成過程中的上下文或限制,固定樣本、範本、圖片風格、影片參考等。

首先,拖曳一個「User Input」,並在右側窗格中輸入標題和內容。例如:

標題:繪圖主題

內容:請提供想要繪製圖片的主題或想法

raw-image

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

raw-image

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

raw-image

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

raw-image

修改這個 Generate 的內容,其中 Prompt :

為繪製圖片的 繪圖主題 進行研究,提供完善的繪圖提示詞,提示詞內容應包含:

- 風格的設定
- 清楚的細節
- 高解析度清晰圖像
- 使用繁體中文和台灣用語

raw-image

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

raw-image

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

raw-image

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

raw-image

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

raw-image

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

raw-image

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

raw-image

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

raw-image

結果如下:

raw-image

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

raw-image

再複習一下 Opal。

raw-image


留言
avatar-img
學不完.教不停.用不盡
182會員
149內容數
分享個人電腦教學,回答網友提問,解決資料處理與設計問題。
2025/12/17
今天我的 Gemini 帳號中的 Gem 功能,整合了 Opal 中的 apps,變成了 Gemini 的 Gem。這是個很棒的做法!
Thumbnail
2025/12/17
今天我的 Gemini 帳號中的 Gem 功能,整合了 Opal 中的 apps,變成了 Gemini 的 Gem。這是個很棒的做法!
Thumbnail
2025/12/15
今天上教師研習關於生成式AI研習課程時,被問到如果在 Gemini 中產生的程式碼是使用 React 框架撰寫的單頁網頁應用程式,無法在 Google 協作平台中以嵌入方式呈現網頁時,該如何處理?
Thumbnail
2025/12/15
今天上教師研習關於生成式AI研習課程時,被問到如果在 Gemini 中產生的程式碼是使用 React 框架撰寫的單頁網頁應用程式,無法在 Google 協作平台中以嵌入方式呈現網頁時,該如何處理?
Thumbnail
2025/12/14
在 Gemini 可以連結的應用程式中有一個 SynthID 工具,其可以檢測媒體是否由 Google 的 AI 工具所產生。必須要在連結的應用程式中選取:SynthID。
Thumbnail
2025/12/14
在 Gemini 可以連結的應用程式中有一個 SynthID 工具,其可以檢測媒體是否由 Google 的 AI 工具所產生。必須要在連結的應用程式中選取:SynthID。
Thumbnail
看更多
你可能也想看
Thumbnail
一直以來都是喜特先生在教學,我們今天來換個角度,看看 Google 官方部落格是怎麼教的!我在那邊找到了一篇關於使用智慧型方塊的好範例,在這分享給大家。
Thumbnail
一直以來都是喜特先生在教學,我們今天來換個角度,看看 Google 官方部落格是怎麼教的!我在那邊找到了一篇關於使用智慧型方塊的好範例,在這分享給大家。
Thumbnail
Google推出的Opal,是一款無程式碼AI應用程式開發工具,讓使用者只需用「說」的就能創造AI應用程式。它具有視覺化編輯器,使用簡便,能大幅提升AI應用程式的開發速度,並降低開發門檻,使人人皆能成為AI魔法師,並創造出新的經濟機會。
Thumbnail
Google推出的Opal,是一款無程式碼AI應用程式開發工具,讓使用者只需用「說」的就能創造AI應用程式。它具有視覺化編輯器,使用簡便,能大幅提升AI應用程式的開發速度,並降低開發門檻,使人人皆能成為AI魔法師,並創造出新的經濟機會。
Thumbnail
5 月將於臺北表演藝術中心映演的「2026 北藝嚴選」《海妲・蓋柏樂》,由臺灣劇團「晃晃跨幅町」製作,本文將以從舞台符號、聲音與表演調度切入,討論海妲・蓋柏樂在父權社會結構下的困境,並結合榮格心理學與馮.法蘭茲對「阿尼姆斯」與「永恆少年」原型的分析,理解女人何以走向精神性的操控、毀滅與死亡。
Thumbnail
5 月將於臺北表演藝術中心映演的「2026 北藝嚴選」《海妲・蓋柏樂》,由臺灣劇團「晃晃跨幅町」製作,本文將以從舞台符號、聲音與表演調度切入,討論海妲・蓋柏樂在父權社會結構下的困境,並結合榮格心理學與馮.法蘭茲對「阿尼姆斯」與「永恆少年」原型的分析,理解女人何以走向精神性的操控、毀滅與死亡。
Thumbnail
Struggling to decide between the current and latest app version on Google Play? This article explains both versions and helps you choose the right one
Thumbnail
Struggling to decide between the current and latest app version on Google Play? This article explains both versions and helps you choose the right one
Thumbnail
本文分析導演巴里・柯斯基(Barrie Kosky)如何運用極簡的舞臺配置,將布萊希特(Bertolt Brecht)的「疏離效果」轉化為視覺奇觀與黑色幽默,探討《三便士歌劇》在當代劇場中的新詮釋,並藉由舞臺、燈光、服裝、音樂等多方面,分析該作如何在保留批判核心的同時,觸及觀眾的觀看位置與人性幽微。
Thumbnail
本文分析導演巴里・柯斯基(Barrie Kosky)如何運用極簡的舞臺配置,將布萊希特(Bertolt Brecht)的「疏離效果」轉化為視覺奇觀與黑色幽默,探討《三便士歌劇》在當代劇場中的新詮釋,並藉由舞臺、燈光、服裝、音樂等多方面,分析該作如何在保留批判核心的同時,觸及觀眾的觀看位置與人性幽微。
Thumbnail
Google Opal 實驗性工具正重新定義 AI 互動模式。文章深入探討 Opal 的五個顛覆性真相:從「氛圍編碼」(Vibe-Coding)取代傳統編程,到AI產出從「成品」轉變為「工廠」;同時揭示Opal作為Google大規模AI應用實驗的角色,開啟AI民主化新紀元。
Thumbnail
Google Opal 實驗性工具正重新定義 AI 互動模式。文章深入探討 Opal 的五個顛覆性真相:從「氛圍編碼」(Vibe-Coding)取代傳統編程,到AI產出從「成品」轉變為「工廠」;同時揭示Opal作為Google大規模AI應用實驗的角色,開啟AI民主化新紀元。
Thumbnail
這是一場修復文化與重建精神的儀式,觀眾不需要完全看懂《遊林驚夢:巧遇Hagay》,但你能感受心與土地團聚的渴望,也不急著在此處釐清或定義什麼,但你的在場感受,就是一條線索,關於如何找著自己的路徑、自己的聲音。
Thumbnail
這是一場修復文化與重建精神的儀式,觀眾不需要完全看懂《遊林驚夢:巧遇Hagay》,但你能感受心與土地團聚的渴望,也不急著在此處釐清或定義什麼,但你的在場感受,就是一條線索,關於如何找著自己的路徑、自己的聲音。
Thumbnail
2025 google 數位人才探索計畫-Google Cloud學程結業證書
Thumbnail
2025 google 數位人才探索計畫-Google Cloud學程結業證書
Thumbnail
不久前,我受到「白飯之亂」的啟發,設計了一堂帶孩子寫評論的文章。。後來,在構思《全國兒童週刊》的專欄文章時,我靈機一動,將這個概念故事化,協助學生在故事中理解評論的要點。
Thumbnail
不久前,我受到「白飯之亂」的啟發,設計了一堂帶孩子寫評論的文章。。後來,在構思《全國兒童週刊》的專欄文章時,我靈機一動,將這個概念故事化,協助學生在故事中理解評論的要點。
Thumbnail
Apps Script 的 Google Translate Service 可以幫你自動翻譯文本,是個還不錯的翻譯方案。來一起看看我的觀點!
Thumbnail
Apps Script 的 Google Translate Service 可以幫你自動翻譯文本,是個還不錯的翻譯方案。來一起看看我的觀點!
Thumbnail
Google 宣布將其 AI 平台 Opal 擴展至全球 15 個新市場,進一步推動「零程式碼」AI 應用普及。此次更新同時強化除錯功能與運算效能,展現 Google 在生成式 AI 應用層的戰略布局,推動 AI 創作從專業開發走向全民參與的新階段。
Thumbnail
Google 宣布將其 AI 平台 Opal 擴展至全球 15 個新市場,進一步推動「零程式碼」AI 應用普及。此次更新同時強化除錯功能與運算效能,展現 Google 在生成式 AI 應用層的戰略布局,推動 AI 創作從專業開發走向全民參與的新階段。
Thumbnail
《轉轉生》(Re:INCARNATION)為奈及利亞編舞家庫德斯.奧尼奎庫與 Q 舞團創作的當代舞蹈作品,結合拉各斯街頭節奏、Afrobeat/Afrobeats、以及約魯巴宇宙觀的非線性時間,建構出關於輪迴的「誕生—死亡—重生」儀式結構。本文將從約魯巴哲學概念出發,解析其去殖民的身體政治。
Thumbnail
《轉轉生》(Re:INCARNATION)為奈及利亞編舞家庫德斯.奧尼奎庫與 Q 舞團創作的當代舞蹈作品,結合拉各斯街頭節奏、Afrobeat/Afrobeats、以及約魯巴宇宙觀的非線性時間,建構出關於輪迴的「誕生—死亡—重生」儀式結構。本文將從約魯巴哲學概念出發,解析其去殖民的身體政治。
追蹤感興趣的內容從 Google News 追蹤更多 vocus 的最新精選內容追蹤 Google News