搜尋

Gemini 使用畫布功能 ( Gemini Canvas )

Gemini 的畫布功能提供了一個視覺化的協作環境,擺脫線性筆記的限制,以更自由的方式組織想法,Gemini 的畫布不僅能在上面揮灑創意,更能與 Gemini 深度互動共同探索概念,這篇教學會介紹 Gemini 的畫布功能 ( Gemini Canvas ),以及運用 Gemini 畫布所實現的一些簡單範例。

延伸閱讀:開始使用 GeminiGemini 客製化機器人Gemini 串接 Google 相關服務

快速導覽:

Gemini 使用畫布功能 ( Gemini Canvas )

認識 Gemini 畫布 (Gemini Canvas)

Gemini 畫布是 Gemini 內建的一項強大功能,提供了一個無限延伸的數位空間,可以將其想像成一張巨大的數位畫布,使用者能自由地添加和排列各種內容元素,不論是放置文字、圖片、手繪塗鴉、連結,甚至是 Gemini 生成的內容都可以。畫布的核心理念是自由的探索和視覺化的思考,打破傳統文件或筆記本的線性結構,能夠以非線性的方式組織資訊,建立不同想法之間的關聯

目前許多 AI 工具 ( ChatGPT、Poe AI 等 ) 也都有提供畫布工具,功能也都類似,可以用同樣的做法自行測試。

Gemini 使用畫布功能 ( Gemini Canvas ) - 認識 Gemini 畫布 (Gemini Canvas)

使用畫布時,除了可以直接透過對話要求 Gemini 使用畫布呈現結果 ( 例如「使用畫布呈現...」或「呈現網頁結果...」),也可以直接點擊 Gemini 輸入欄位的「Canvas」,當 Canvas 變成「藍色」文字,就表示要用畫布呈現描述的內容

Gemini 使用畫布功能 ( Gemini Canvas ) - 認識 Gemini 畫布 (Gemini Canvas)

下方範例使用 Gemini 展示一個簡單網頁,網頁內容是九九乘法表表格。

Gemini 使用畫布功能 ( Gemini Canvas ) - 認識 Gemini 畫布 (Gemini Canvas)

Gemini 畫布特色和功能

Gemini 畫布有下列幾點特色:

  • AI 協同探索與創造:直接與 Gemini 互動,獲取靈感、資訊,並由 AI 生成多樣化內容。
  • 多模態內容整合:畫布支援文字、圖片等多種媒介,根據需求生成圖像,豐富視覺表達。
  • 情境感知智慧輔助:理解上下文,針對畫布內容提供精準且個人化的建議與協助。
  • 便捷的資訊整合:快速整合 Google 搜尋結果,拓展知識視野,並將外部資訊融入創作流程。
  • 未來協作潛力:預計將支援更完善的多人即時協作功能,提升團隊效率。

Gemini 畫布有許多很特別的功能,下方列出核心功能:

  • 自然語言互動:與 Gemini 進行流暢的對話。
  • 圖像生成與編輯:根據描述生成和調整圖像。
  • 文字處理增強:潤飾、翻譯、摘要和擴展文字。
  • 資訊檢索整合:快速搜尋並融入相關資訊。
  • 視覺化組織:使用工具連接和排列內容。

Gemini 畫布不支援功能 ( 持續發展中 ):

  • 複雜程式碼的直接執行與預覽。
  • 高度互動的第三方內容嵌入。
  • 本機環境檔案系統的直接存取。
  • 完全離線使用。
  • 精細的排版和樣式控制。
  • 特定硬體功能的直接存取。
  • 複雜資料視覺化工具。

Gemini 使用畫布功能 ( Gemini Canvas ) - Gemini 畫布特色和功能

關於 Gemini 畫布的分享功能

透過 Gemini 畫布產生預覽網頁後,點擊網頁上方的「分享」按鈕,點擊「建立連結」之後,就可以產生一段預覽網址,並將這段預覽網址分享給別人。

Gemini 使用畫布功能 ( Gemini Canvas ) - 關於 Gemini 畫布的分享功能

Gemini 使用畫布功能 ( Gemini Canvas ) - 關於 Gemini 畫布的分享功能

分享後,網址預設就是「公開連結」,該連結預設會保留「六個月」,任何內容更動都不會影響這個頁面,如果要取消分享,必須透過「設定 > 你的公開連結」進行刪除該連結的動作。

Gemini 使用畫布功能 ( Gemini Canvas ) - 關於 Gemini 畫布的分享功能

進入「你的公開連結」之後,可以一次性刪除所有連結,或單獨刪除某個連結。

Gemini 使用畫布功能 ( Gemini Canvas ) - 關於 Gemini 畫布的分享功能

Gemini 畫布範例:世界時鐘網頁

這個範例會和 Gemini 不斷對話,透過 Gemini 快速做出一個「世界時鐘」的網頁,在網頁上呈現多國目前的時間,第一個步驟先讓 Gemini 根據下列提示詞,做出一個呈現六個地點時間的簡單網頁。

請做一個「世界時鐘」的網頁,呈現「台灣、日本、紐約、倫敦、巴黎、雪梨」這六個地方的目前的時間

Gemini 使用畫布功能 ( Gemini Canvas ) - Gemini 畫布範例:世界時鐘網頁

一個簡單的網頁通常都會比較單調,透過添加其他指令,就能讓 Gemini 協助美化版面,下方是美化指令的寫法:

請做一個「世界時鐘」的網頁,呈現「台灣、日本、紐約、倫敦、巴黎、雪梨」這六個地方的目前的時間,並按照下方說明設計版面:
- 使用 AM 和 PM
- 名稱使用中英文
- 使用 emoji 的方式,加入各國的國旗
- 六個區域的配的都不同,標題和內容為同色系但不同色
- 配色可參考 bootstrap 相關配色
- 扁平化設計,不需要陰影,強調邊框等線條

Gemini 使用畫布功能 ( Gemini Canvas ) - Gemini 畫布範例:世界時鐘網頁

如果還是無法產生滿意的版面,也可提供 Gemini 相關圖片輔助,使其更了解需求,下方範例提供了一張圓餅圖的參考圖,搭配一些提示詞,就能產生漂亮的世界時鐘。

注意,同樣的範例提示詞會產生類似但不同的結果,需要再額外自行調整。

請將時鐘的呈現方式,改成圓形的方式呈現

Gemini 使用畫布功能 ( Gemini Canvas ) - Gemini 畫布範例:世界時鐘網頁

Gemini 畫布範例:新聞數據轉圖表

運用 Gemini 的畫布功能,可以將原本枯燥乏味的純文字新聞數據,轉換成可視化的圖表,如此一來也更能方便閱讀,下方範例使用內政部的最新消息內容,透過 Gemini 產生具有圖表說明的網頁。

參考這個網站,使用網頁並用兩個圓餅圖,分別呈現「居留縣市別」中的「移工」和「外籍配偶」當中各都市人數分布的比例,網站:https://www.moi.gov.tw/News_Content.aspx?n=2905&s=327319

Gemini 使用畫布功能 ( Gemini Canvas ) - Gemini 畫布範例:新聞數據轉圖表

如果要轉換圖表,只需要輸入「請用同一個長條圖的方式呈現數據」就能將其轉換成長條圖。

Gemini 使用畫布功能 ( Gemini Canvas ) - Gemini 畫布範例:新聞數據轉圖表

Gemini 畫布範例:短篇小說共同編輯

除了進行編輯和設計網頁,也可以運用 Gemini 畫布的「互動」功能,和 Gemini「雙向協作」文章,不需要一直透過提示詞一來一往的對話,下方例子會先透過提示詞,請 Gemini 邊排出一個短篇笑話的大綱。

規劃一個短篇笑話的大綱,笑話主題是:踩到大便

Gemini 使用畫布功能 ( Gemini Canvas ) - Gemini 畫布範例:短篇小說共同編輯

當 Gemini 在畫布中產生內容之後,除了可以透過左側的聊天欄位和 Gemini 互動,也可以自行手動修改右側畫布裡的內容,下方範例在畫布中,手動修改了一些內容,改成「突然看見喜歡的女生迎面走來,主角尷尬的不知如何是好。」。

Gemini 使用畫布功能 ( Gemini Canvas ) - Gemini 畫布範例:短篇小說共同編輯

自行修改內容之後,可以再次透過「聊天」的方式,請 Gemini 根據修改後的內容,重新調整指定段落的文字,如此一來一往,就如同和另外一個人共同編輯文字,實現雙向協作的功能。

我已經修改了故事高潮的部分,請幫我修改後續內容

Gemini 使用畫布功能 ( Gemini Canvas ) - Gemini 畫布範例:短篇小說共同編輯

小結

Gemini 畫布是一個創新的數位空間,與 Gemini 即時互動,可以獲得靈感、生成多樣內容,並整合文字、圖片等多種媒介,相信 Gemini 的畫布未來將支援更完善的協作功能,成為探索想法、進行創作的強大 AI 夥伴。

延伸閱讀:開始使用 GeminiGemini 客製化機器人Gemini 串接 Google 相關服務

意見回饋

如果有任何建議或問題,可傳送「意見表單」給我,謝謝~

生成式 AI 教學

基本介紹

關於生成式 AI 關於 AI 繪圖 AI 繪圖的提示技巧 AI 繪圖軟體比較 ( 2023 ) AI 繪圖軟體推薦 ( 2024 ) 2025 生成式 AI 工具推薦

Vibe Coding 專區

Vibe Coding 教學導讀 認識 Vibe Coding Vibe Coding 新手入門 Vibe Coding 規劃架構流程 Vibe Coding 網頁知識 Vibe Coding Python 知識 Vibe Coding 下載網頁程式碼 Vibe Coding Google App Script 部署網頁 Vibe Coding Github 部署網頁 Vibe Coding 固定網頁樣式 Vibe Coding 使用外部圖片 Vibe Coding 使用 SVG 圖示 Vibe Coding 使用外部字體 Vibe Coding + Spreadsheet 資料庫 Vibe Coding + Firebase 即時資料庫 Vibe Coding + Firestore 資料庫 Vibe Coding 資料庫安全防護 Vibe Coding 串接帳號驗證機制 Vibe Coding 串接 Google 雲端硬碟 Vibe Coding 串接 Gemini API Vibe Coding 打造 LINE Bot Vibe Coding 範例 - 英文單字卡

2025 AI 影音工具

ChatGPT - 圖片提示詞技巧 ChatGPT - 客製化機器人 ChatGPT - 使用畫布功能 Gemini - 開始使用 Gemini - 客製化機器人 Gemini - 串接 Google 服務 Gemini - 使用畫布功能 NotebookLM - 開始使用 NotebookLM - 建構知識庫 Google AI Studio - 介面功能 Nano Banana - 影像生成與編輯 Gemini Educator 線上認證 圖片 - AI 圖片快速去背 圖片 - AI 黑白照片上色 聲音 - AI 影片語音轉字幕 影片 - Pika 生成創意影片 影片 - KlingAI 生成影片 影片 - AI 影片趣味特效 影片 - AI 擁抱 ( AI Hug ) 影片 - AI 老照片動起來 圖片 - Dreamina 生成圖片 音樂 - SUNO 創作音樂 音樂 - 免費 AI 音樂素材

ChatGPT

ChatGPT 教學導讀 認識 ChatGPT 開始使用 ChatGPT 優良的提示技巧 基本提示 實用組合提示 角色扮演&對話主題 閱讀並模仿風格 對話中顯示圖片 創作長篇故事與小說 使用 Bing Chat 相關工具或服務

Poe ( Poe AI )

開始使用 Poe 聊天機器人 生成圖片機器人 建立自己的機器人 Youtube 影片重點整理 PDF 重點整理 GPT-4o-mini 分析圖片 讀取網頁進行重點整理 讓 AI 美化提示詞

Ideogram

開始使用 Ideogram 文字產生圖片 圖片 Retry 與 Remix

dzine

開始使用 dzine 提示詞產生圖片 圖片產生圖片 運用圖層功能 運用文字和畫筆 ( 範例 ) 室內設計透視圖實體化 ( 範例 ) 名畫轉真人照片 ( 範例 ) 真人照片轉卡通 ( 範例 ) 真人卡通貼圖

Image Creator

開始使用 Image Creator 提示原則與技巧 搭配 Bing Copilot 產生圖片 ( 範例 ) 產生分享文章縮圖 ( 範例 ) 漫畫書風格

Leonardo.Ai

Leonardo.Ai 教學導讀 Leonardo.Ai vs Midjourney 認識 Leonardo.Ai 註冊與登入 Leonardo.Ai 使用圖片產生器 文字提示語法和準則 Elements 風格元素 使用圖片產生圖片 AI 圖片編輯器 ( Canvas Editor ) 即時 AI 畫布 ( Realtime Canvas ) 即時圖片產生器 ( Realtime Gen ) 圖片升級器 ( Universal Upscaler ) 產生圖片的後續步驟 Prompt Magic 魔法提示 PhotoReal&Alchemy 特色模型 訓練自己的模型 ( 範例 ) 填補缺少的披薩 ( 範例 ) 組合兩片披薩 ( 範例 ) 虛擬陳雷 ( 範例 ) 修改人物年齡 ( 範例 ) 換臉特效 ( 範例 ) 隱藏的人臉或文字 ( 範例 ) 全部填滿皮卡丘 ( 範例 ) 名畫轉真人照片

Recraft

開始使用 Recraft 點陣圖 Raster image 向量圖 Vector image 圖示 Icon 與 Logo 系列影像 Image Set 原型示意圖 Mockup 畫框 Frame、文字 Text 放大 Upscale、改色 Recolor 圖片去背、替換圖片背景 添加、修改、移除景物 圖片產生圖片 點陣圖轉向量圖 自定義圖片風格 合併不同圖片 ( 範例 ) 名畫轉真人照片 ( 範例 ) 照片轉卡通插畫 ( 範例 ) 自製表情貼圖 ( 範例 ) 多格漫畫風格 ( 範例 ) 圖片中加入文字 ( 範例 ) 延伸圖片範圍

Midjourney

Midjourney 教學導讀 認識 Midjourney 使用 Midjourney 使用 niji.journey 設定指令 功能參數 使用文字提示產生圖片 使用圖片產生圖片 優良的提示技巧 多重提示的權重與順序 style tuner 樣式調校 remix 放大、修改與重繪 blend 混合多張圖片 刪除圖片&傳送資訊 ( 範例 ) 修改人物年齡 ( 範例 ) 阿爾欽博托風格 ( 範例 ) 照片轉卡通人物 ( 範例 ) 變胖、變瘦

Vidnoz AI

開始使用 Vidnoz AI ( 影片 ) 照片講話 ( 圖片 ) 人物換臉 ( 圖片 ) 圖片去背

Canva AI 魔法功能

魔法媒體工具 ( 新視窗 ) 魔法工作室 ( 新視窗 ) 魔法變形工具 ( 新視窗 ) 魔法文案工具 ( 新視窗 )

Clipdrop

開始使用 Clipdrop 修改圖片選取區域 延展圖片並生成內容 人物換臉 圖片去背 移除特定物件 放大與增強影像 影像打光 替換天空

Playground AI

開始使用 Playground AI Board 文字產生圖片 Canvas 繪製與修改圖片 Remix 與 Edit 圖片 延展和放大增強圖片 圖片去背、移除物件 搭配 Poe AI 產生圖片

Replicate 模型

認識 Replicate ( 修圖 ) 黑白照片上色 ( 修圖 ) 修復老照片 ( 修圖 ) 增強與放大照片 ( 修圖 ) 更換髮型和表情 ( 繪圖 ) 似顏繪貼圖 ( 繪圖 ) 真人照片轉公仔 ( 繪圖 ) 隱藏的圖案或文字 ( 提示 ) 圖片轉提示詞 ( 提示 ) 改善提示詞

AI 繪圖效果&範例

著色本效果 2D 卡通人物 物品開箱照 像素藝術 百科全書風格 卡通貼紙

AI 繪圖風格大全

風格大全 ( 總覽 ) 風格大全 ( 攝影、照片 ) 風格大全 ( 畫面角度效果 ) 風格大全 ( 媒材、材質 ) 風格大全 ( 卡通、漫畫 ) 風格大全 ( 藝術流派風格 ) 風格大全 ( 藝術家、畫家 ) 風格大全 ( 插畫風格 1 ) 風格大全 ( 插畫風格 2 ) 風格大全 ( 特色風格 )