Gemini Canvas 怎麼用:寫文檔、生成網頁和小應用、導出與分享全流程

Gemini Canvas 是對話旁邊的一塊可編輯工作區:在裏面寫文檔、做幻燈片、生成能直接運行的網頁和小應用。本文按官方幫助中心講入口、文檔的局部修改與格式工具、應用的預覽 / 代碼 / 控制台、把文檔變成測驗 / 資訊圖 / 網頁,以及導出和分享的方法與限制。

NNathaniel bigo··原創首發·AI 輔助撰寫
11 分鐘讀完
資料核對於 2026-10-10 · 依據官方文檔與公開資料整理 免費帳號 帳號
本文根據 Google 官方 Gemini 幫助中心整理,核對日期 2026-10-10。用 Canvas 做 PPT 的詳細方法本站另有《Nano Banana 怎麼做 PPT:Google 幻燈片、NotebookLM 與 Gemini 三種官方方法》,本文側重文檔、網頁和應用。

適用於誰

  • 搜「gemini canvas 是什麼」「gemini canvas 怎麼用」「gemini canvas 生成網頁」「gemini 做 app」的人;
  • 想讓 Gemini 寫長文,並且只改其中一段而不是整篇重寫的人;
  • 想不寫代碼就做出一個能分享的小網頁、小工具的人。

結論先說

  1. Canvas 是對話右側的工作區,Gemini 在裏面生成文檔、幻燈片、代碼或應用,你可以直接動手改,也可以選中一部分讓它改;改動自動儲存。
  2. 入口:輸入框下方「添加文件(Add Files)→ Canvas」,然後正常寫需求;想要特定形式(比如幻燈片)就在提問裏說明。
  3. 免費可用:幫助中心的功能對比表裏,Canvas 對所有檔位都標了可用。
  4. 做應用:Canvas 能生成可以直接預覽運行的網頁應用,支持看代碼、看控制台報錯、讓 Gemini 給應用加上 AI 功能。
  5. 帶得走:文本可導出到 Google 文檔,幻燈片可導出到 Google 幻燈片或 PDF,Python 代碼可導出到 Colab;也可以生成公開連結分享。

一、打開 Canvas

  1. 打開 gemini.google.com 並登入(Canvas 必須登入才能用);
  2. 在輸入框下方點「添加文件(Add Files)」→「Canvas」;
  3. 輸入需求;需要參考資料的話,再點「添加文件」上載文件或圖片;
  4. 提交。Gemini 會在右側打開 Canvas 面板並開始生成。

想讓它產出特定類型,在提問裏直接說:

  • 「寫一份關於……的方案文檔」
  • 「做一份關於……的幻燈片演示文稿」
  • 「出一套測驗題,考考我對……的掌握」
  • 「做一個可以……的網頁小工具」

二、在 Canvas 裏寫文檔

直接改:把 Canvas 當普通編輯器,點進去就能打字,改動自動儲存。

選中一段讓 Gemini 改:

  1. 在 Canvas 裏用滑鼠選中要改的文字;
  2. 在輸入框裏說明怎麼改,例如「這段壓縮到三句話」「換成更正式的語氣」;
  3. 回車。只有選中的部分會被修改。

選中文字後還可以點「建議修改(Suggest edits)」,讓 Gemini 主動提出改法。

官方配圖:右側 Canvas 面板裏的演講提綱,高亮部分是 Gemini 給出修改建議的段落,旁邊的卡片可以逐條「Apply(應用)」;左側是對話區(早期介面,輸入框下方直接有 Canvas 按鈕)

圖片來源:Google 官方 Gemini Canvas 介紹頁

一鍵調整:面板裏有兩個快捷按鈕——

  • 「調整長度(Change length)」:選擇想要的篇幅;
  • 「調整語氣(Change tone)」:在隨意和正式之間選擇。

格式工具欄:選中文字後,頂部工具欄可以設定標題層級、加粗、斜體、項目符號列表和編號列表;工具欄顯示不全時點「更多」。

版本:頂部的「上一個版本 / 下一個版本」可以在儲存過的版本之間切換,改壞了能退回去。

LaTeX 公式:面板右上角「創建(Create)→ LaTeX」可以在文檔裏加入公式。含 LaTeX 的文檔能導出為 PDF,下載前可以預覽;複製含公式的回答時,得到的是未渲染的 LaTeX 源碼。

三、把文檔變成別的東西

打開含文檔的對話,點 Canvas 面板右上角「創建(Create)」(官方註明此功能暫不對 18 歲以下用戶開放):

選項得到什麼
輸入描述按你的描述把文檔變成幻燈片、自定義可視化或應用
音頻概覽(Audio Overview)一段播客式的講解音頻
測驗(Quiz)一套可以直接作答的測驗
資訊圖(Infographic)一張資訊圖
網頁(Web page)一個網頁

Deep Research 的報告也是在 Canvas 裏打開的,所以同樣可以用這個選單把報告變成音頻、測驗或網頁。

四、用 Canvas 做網頁和小應用

提出需求後,Gemini 會寫出代碼並在 Canvas 裏直接運行出預覽。之後可以這樣迭代:

官方配圖:用 Canvas 生成的「冒泡排序可視化」小應用,帶播放、重置、調速等控件,可以直接在預覽裏操作

圖片來源:Google 官方 Gemini Canvas 介紹頁

  • 用對話改:在輸入框裏說「把按鈕改成藍色」「加一個導出 CSV 的功能」,Gemini 會更新代碼,改動自動儲存;
  • 看和改代碼:面板右上角點「代碼(Code)」,可以直接編輯;
  • 看報錯:右上角「顯示控制台(Show console)」能看到預覽運行時的錯誤和日誌,把報錯貼給 Gemini 讓它修;
  • 看最近改了什麼:「代碼 → 顯示最近的更改(Show recent changes)」;
  • 選中介面元素提要求:右下角「選擇並提問(Select & ask)」,用滑鼠框選要改的區域,再輸入修改要求;
  • 給應用加 AI 功能:右下角「添加 Gemini 功能(Add Gemini features)」,可以讓應用具備生成文字、生成圖片等能力(需年滿 18 歲)。添加後,左側對話裏會說明加了什麼。

一個提問示例:

做一個單頁的番茄鍾網頁:25 分鐘專注、5 分鐘休息,可以暫停和重置,
完成的番茄數顯示在頁面上方,整體用淺色簡潔風格,適配手機螢幕。

五、導出

打開對話,點 Canvas 面板右上角「分享與導出(Share & export)」:

內容類型導出方式
文本「導出到文檔(Export to Docs)」在雲端硬碟新建 Google 文檔;或「複製內容」
幻燈片「導出到幻燈片(Export to Slides)」;也可以導出為 PDF
Python 代碼面板頂部「導出到 Colab」,再點「打開 Colab」
含 LaTeX 的文檔導出為 PDF

六、分享 Canvas 作品

  1. 「分享與導出 → 分享(Share)」;
  2. 如果分享的是應用,先查看「應用資訊」;
  3. 複製 g.co/gemini/share 開頭的連結,或直接發到列出的社交平台。

分享應用前要讀懂的一句官方說明:任何拿到公開連結的人,都可以查看和修改與這個應用關聯的數據。應用資訊頁會告訴你這個應用是否——

  • 在用戶之間共享數據;
  • 使用了 Gemini 驅動的功能(比如用 AI 生成文字和圖片);
  • 跨會話、跨裝置儲存數據(比如一個用來長期記錄的打卡應用)。

所以不要在要公開分享的應用裏存放私人數據。

別人打開你的連結後:可以點底部「複製 Canvas(Copy Canvas)」做一份自己的副本繼續改。限制:分享連結只能在網頁版打開,手機 App 裏打不開;18 歲以下用戶暫不可用。撤回分享的方法見本站《Gemini 分享對話怎麼操作》。

七、注意事項

  • 刪除對話會連帶刪除 Canvas 內容:幫助中心寫明,在最近對話裏刪除一個對話,會同時刪除其中創建的 Canvas 文檔和應用。重要的東西先導出;
  • 技能暫時不能和 Canvas 一起用(見本站 Gems 與 Skills 那篇);
  • 額度:Canvas 本身不限檔位,但生成長文檔和應用會消耗帳號的用量額度,見本站《Gemini 怎麼看額度》;
  • 核對內容:生成的文檔可能有事實錯誤,生成的代碼可能受開源許可證約束——幫助中心提醒,使用 Gemini 生成的代碼由你自己負責。

常見問題

Q:找不到 Canvas 入口?

先確認已登入。入口在輸入框下方的「添加文件」選單裏;這個位置調整過多次,找不到時看看輸入框附近的「工具」或「+」選單。

Q:Canvas 生成的 PPT 怎麼下載?

「分享與導出 → 導出到幻燈片」會在你的 Google 幻燈片裏生成一份可編輯的演示文稿,也可以直接導出 PDF;需要 .pptx 的話,在 Google 幻燈片裏另存即可。

Q:做出來的網頁能綁定自己的域名、長期運行嗎?

幫助中心提供的是 g.co/gemini/share 的公開分享連結,沒有提到自定義域名或託管服務。想正式上線,可以把代碼複製出來自行部署。

Q:和 ChatGPT Canvas、Claude Artifacts 有什麼不同?

三者都是「對話旁邊的可編輯成品區」。各自的現狀見本站《ChatGPT Canvas 不見了?2026 年 Canvas 怎麼用、改成了什麼(寫作塊 / 代碼塊)》和《Claude Artifacts 是什麼、怎麼用:創建、分享與導出(2026 新版)》。

參考資料

  • Create docs, apps & more with Canvas(Gemini 幫助中心):https://support.google.com/gemini/answer/16047321
  • Gemini Apps limits & upgrades for Google AI subscribers(功能對比表):https://support.google.com/gemini/answer/16275805
  • Share your chats from Gemini Apps:https://support.google.com/gemini/answer/13743730
  • Find & manage your recent chats in Gemini Apps(刪除對話的影響):https://support.google.com/gemini/answer/13666746
  • About the transition from Gems to skills(技能暫不支持的功能):https://support.google.com/gemini/answer/18560919
  • Learn about responses from Gemini Apps:https://support.google.com/gemini/answer/16279220
  • 截圖來源:https://gemini.google/overview/canvas/
需要開通或續費?谷歌帳號 →

Nathaniel 的更多內容

  1. 01

    AI 學習路線:零基礎從哪開始,6 個階段、每階段該讀哪幾篇教學(2026)

    AI 學習路線怎麼走?給零基礎的人一條循序漸進的路徑:先選一個助手用順,再學提問,再用進日常工作,按需學做圖做影片,守住私隱與版權,最後進階自動化和編程。每個階段都配了本站對應的教學。

    其他 AI 工具0
  2. 02

    AI 瀏覽器有哪些:Perplexity Comet、Opera Neon、Dia、Brave Leo 與 Edge Copilot 的官方說法對照

    AI 瀏覽器有哪些?按官方頁面整理 Perplexity Comet、Opera Neon、Dia、Brave Leo 和 Edge 裏的 Copilot:官方自述的定位、支持的平台、免費還是訂閱,以及 Gemini、Claude 的 Chrome 方案和已停用的 ChatGPT Atlas。

    其他 AI 工具0
  3. 03

    即夢國際版 Dreamina 是什麼:官方站入口、能生成什麼、免費積分和模型(2026)

    即夢國際版 Dreamina 是什麼?官方站是 dreamina.capcut.com,是一個圖片、影片和數字人一體的 AI 創作平台。按官方首頁和 FAQ 講:能生成什麼、免費用戶每天 120 積分、列出的 Seedance 與 Seedream 模型,以及和國內即夢怎麼區分。

    其他 AI 工具0
  4. 04

    Kimi K3 Coding Plan 是什麼、怎麼用:Kimi Code 會員、模型 ID、套餐價格和額度規則

    Kimi K3 Coding Plan 是什麼?按 Kimi 官方文檔核對:官方現在叫 Kimi Code,是 Kimi 會員權益裏的編程服務,Plus 及以上才有;講 K3 等模型 ID、國內新套餐價格、三種客戶端、第三方工具接入和額度規則。

    Kimi0
  5. 05

    DeepSeek V4 Pro 和 Flash 的區別與 API 價格:官方價格頁逐項對照(高峰與空閒時段)

    DeepSeek V4 Pro 和 Flash 有什麼區別、API 怎麼收費?按 DeepSeek 官方價格頁(2026-10-19 查詢)列出兩個模型的版本、上下文、圖像理解、並發和每百萬 token 價格,說明高峰與空閒時段的計費差別和舊模型名怎麼處理。

    其他 AI 工具0
  6. 06

    GPT-6 Pro(Astra)怎麼用、哪些套餐有:怎麼選到 Pro 檔、用量限制和 Pro 三檔價格

    GPT-6 Pro(Astra)怎麼用、哪些套餐有?按 OpenAI 幫助中心核對:聊天裏 Pro 檔給 Pro 100、Pro 200、Business 和 Enterprise;Plus 在 Work 和 Codex 裏含 Astra。講怎麼選到、用量上限和官方 Pro 價格。

    ChatGPT0

同模型

  1. 01

    Nano Banana 官網入口在哪、免費能用嗎:Google 官方入口、Nano Banana 2 與 2.1 的免費和付費區別

    Nano Banana 官網地址是什麼、免費能用多少?Nano Banana 是 Google Gemini 的圖像模型,官方入口是 gemini.google.com 和官方介紹頁。按官方頁面核對:免費版用 Nano Banana 2,2.1 需要 Google AI 套餐,API 沒有免費層。

    Gemini0
  2. 02

    Gemini 3.5 Pro 是什麼、發佈了嗎、怎麼用:官方說法梳理,以及現在 Gemini 裏該選哪個模型

    Gemini 3.5 Pro 發佈了嗎?按 Google 官方網誌、Gemini 更新記錄和 API 模型列表核對:截至 2026-10-19 官方沒有宣佈 3.5 Pro 已發佈,最新的是 Gemini 4 Argon。講清官方說過什麼,以及 Gemini 應用裏各套餐現在能選哪些模型。

    Gemini0
  3. 03

    Gemini 打不開、無法登入、無法使用怎麼辦:帳號類型、年齡、瀏覽器和官方兩條登入提示

    Gemini 怎麼打不開?無法登入、無法使用怎麼辦?按官方「Sign in to Gemini Apps」頁排查:帳號類型、年齡、支持的瀏覽器、國家和語言名單,以及「Can't access this service」「Something went wrong」兩條提示的官方解釋。

    Gemini0
  4. 04

    Gemini 無法生成圖片怎麼辦:入口、年齡與地區、提示詞、模型和額度逐項排查

    Gemini 無法生成圖片怎麼辦?按官方幫助中心逐項排查:有沒有登入、年齡和地區是否滿足、生圖入口在哪、提示詞怎麼寫才會出圖、Flash-Lite 的 Nano Banana 2 Lite 有什麼限制、圖片被移除和額度用完時怎麼辦。

    Gemini0
  5. 05

    Gemini 分享對話怎麼操作:生成公開連結、對方能看到什麼、怎麼刪除分享連結

    Gemini 的「分享對話」會生成一個任何人都能打開的公開連結。本文按官方幫助中心講清:分享步驟、連結裏包含哪些內容(整段對話、上載的圖片、Canvas 作品)、別人能做什麼、連結什麼時候會自動失效、怎麼查看和刪除自己所有的公開連結。

    Gemini0
  6. 06

    Gemini API Python 調用教學:安裝 google-genai SDK、流式輸出、多輪對話與傳圖片

    用官方 google-genai SDK 調 Gemini API:安裝配置、第一個請求、系統指令與思考等級、流式輸出、多輪對話、傳圖片和查看 token 用量,按 2026 年 10 月官方預設的 Interactions API 寫法。

    Gemini0

同產品的其他教學

  1. 01

    AI圖片放大與高清修復:Midjourney、ChatGPT、Gemini 怎麼出高解像度圖

    AI 生成的圖不夠清晰,想打印或做大圖怎麼辦?本文按官方文檔講清 Midjourney 的 Subtle / Creative 放大和 HD 直出、Gemini 與 ChatGPT 的解像度選項、Flow 的影片放大,以及「AI 放大會編造細節」的注意事項。

    Gemini其他 AI 工具0
  2. 02

    AI影片運鏡提示詞大全:推拉搖移跟升降、環繞、甩鏡怎麼寫(中英對照)

    AI 影片的運鏡提示詞怎麼寫?本文按 Google 官方影片提示指南整理鏡頭運動、機位角度、鏡頭光學效果三張中英對照表,每個術語配效果說明和例句,並給出組合運鏡的寫法和常見翻車原因,適用於 Veo、即夢、可靈等工具。

    Gemini其他 AI 工具0
  3. 03

    Gemini API Key 怎麼獲取:在 AI Studio 創建密鑰、設定環境變量與安全限制

    調用 Gemini API 先要在 Google AI Studio 創建 API Key。本文講清創建入口、密鑰與項目的關係、2026 年新的授權密鑰規則、環境變量怎麼設、怎麼測試,以及密鑰被封或泄露後的處理。

    Gemini0
  4. 04

    NotebookLM 學習卡是什麼:抽認卡(閃卡)與測驗的生成、複習和下載

    NotebookLM(現名 Gemini Notebook)的學習卡是什麼、怎麼用?本文按官方幫助講清抽認卡和測驗的生成步驟、難度與數量設定、「答對了 / 沒答對」進度記錄、只練錯題、下載 CSV,以及手機上怎麼刷卡。

    Gemini0
  5. 05

    ChatGPT 和 Gemini 哪個好用:按官方頁面對比套餐、額度、上下文和功能,怎麼選

    ChatGPT 和 Gemini 哪個好用?本文只整理兩家官方頁面能查到的差異:套餐名稱、免費版額度、付費檔用量倍數、額度多久刷新、上下文窗口數字,以及各自的特色功能入口。不給「誰更強」的結論,文末附一份用自己任務測試的清單。

    ChatGPTGemini0
  6. 06

    Gemini 臨時對話怎麼用:能儲存嗎、關掉後能找回嗎、數據保留多久

    Gemini 的臨時對話不進聊天記錄、不用於訓練模型,但離開後就再也打不開。本文按官方幫助中心講:怎麼開啟、誰能用、臨時對話裏不能做什麼、想儲存內容該怎麼辦、Google 實際保留 72 小時是怎麼回事,以及它和關閉活動記錄的區別。

    Gemini0

0 條評論

登入 後參與評論

還沒有評論,來搶沙發~