Nano Banana Pro 錦囊妙計

學員課前注意事項

Nano Banana Pro 錦囊妙計：資訊圖表生成的工程化方法

課程簡介

我有次進公司看到同事在用上古時代的 “Visio” 繪製交互功能流程圖。我問他畫了多久，他說很久 (講的時候還無意識的搖頭)，而且畫了 5 個版本。我當下看到真的傻眼，我叫他改用 Nano Banana Pro 重畫一次，他們還沒嘗試，就直接問我說：「但是那個畫出來的圖不能改耶！」我直接回：「誰說的？」就在我的指導之下，讓他親手用 Gemini 生圖，就在他們親眼看到成果後，所有小伙伴們都驚呆了！😲

我相信已經有許多資訊工作者開始嘗試用 AI 產生圖表，但實際成果往往不穩定：風格無法一致、結構容易崩壞、文字錯亂，甚至生成內容與原始資訊脫鉤。問題不在工具，而在對 AI 生圖本質的理解完全錯位。

許多人以為只要「下對提示詞」，AI 就能自動產出可用的圖表，結果卻陷入反覆嘗試、反覆修正、反覆重來的惡性循環。時間被浪費在微調視覺，而不是思考資訊本身。這正是資訊工作者最昂貴、卻最常被忽略的隱性成本。

資訊圖表並不是「畫圖」，而是「將結構化資訊轉譯為視覺系統」。只要結構不清楚、邏輯未定型，任何 AI 生圖模型都只能猜測你的意圖，幻覺與失真是必然結果。若仍以設計工具思維或提示詞技巧切入，只會不斷踩中不可控的陷阱，卻誤以為是自己「還不夠會用 AI」。

本課程的核心，不是教你怎麼跟 AI 溝通，而是先重建你「如何表達資訊」的方式。從 Nano Banana Pro 的底層邏輯出發，系統性拆解 AI 圖表生成的運作模型，清楚說明 Gemini 3 Pro Image 類模型如何理解結構、層級、風格與版面，並指出哪些條件一旦缺失，結果必然失敗。

課程將帶你建立一套工程化的生成流程：每一步都有目的、每一個輸入都有意義、每一次產出都可預期。這不僅讓你能穩定生成圖表，更重要的是，讓圖表成為可維護、可重製、可在團隊中複製的工作產物，而非一次性的視覺消耗品。

如果你的工作需要產出流程圖、架構圖、需求圖、時序圖、簡報圖表或專業文件，那麼學會「正確地用 AI 生成圖表」已不再是加分技能，而是避免效率崩盤的基本能力。

這不是一堂設計課，也不是提示詞表演，更不是炫技示範。這是一堂專為資訊工作者打造的「圖表生產力重構課」，目標只有一個： 讓你徹底掌握 AI 圖表生成的可控性，從此不再被工具牽著走 。

本課程將會有 90 天的看課期限，你隨時可以從 Nano Banana Pro 錦囊妙計：資訊圖表生成的工程化方法 課程頁面進入本班專屬的 Discord 頻道，學員可以在課後不斷進修與交流！

課程特色

  • 實戰導向：以真實案例演練，從需求到程式碼完整走一遍 SDD 流程
  • AI 融合：結合 GitHub Spec Kit 與多套不同的 AI Coding 工具，體驗如何用 AI 寫規格、出計畫、拆任務
  • TDD 融入：學會如何把測試條件寫進規格，並透過 TDD 驅動程式碼生成與驗證
  • 跨角色學習：同時兼顧 PM、工程師、架構師不同視角，理解溝通與落地的挑戰
  • 社群支持：課後專屬 Discord 頻道，延續討論與答疑
  • 可回放學習：90 天無限回看，幫助消化與反覆練習

報名連結

給學員的話

各位同學大家好：

以下文件將說明學員上課前的注意事項，請詳細閱讀並提前準備，有任何疑問都歡迎隨時來信或在本班的 Discord 頻道提問。

💡 提醒：你隨時可以從 Nano Banana Pro 錦囊妙計：資訊圖表生成的工程化方法 課程頁面進入本班專屬的 Discord 頻道喔！

註冊 Discord 帳號

我們最近的課程都已經陸續將課程資訊集中到 Discord 伺服器管理，這是一個非常強大的社群工具，可以讓我們在課程之後也能夠持續交流，請大家先註冊一個 Discord 帳號，並且加入我們的多奇教育訓練 Discord 伺服器。

加入多奇教育訓練 Discord 伺服器

加入 Discord 伺服器之後，進入本次課程專屬頻道的步驟如下：

  1. 進入 Nano Banana Pro 錦囊妙計：資訊圖表生成的工程化方法 課程頁面

  2. 點擊畫面右邊的 加入 Discord 頻道，基本上可以「一鍵加入」才對，如遇到困難，請來信處理: training@miniasp.com

可以使用 Nano Banana Pro 的網站與工具

要用 Google 的 Nano Banana Pro 模型生圖，主要有以下幾種方式：

  1. 透過 Gemini 官網 生圖圖片

    你至少要有一個 Google 帳號，然後登入 Gemini 官網，就可以開始使用生成圖片工具。

    💡 請記得選擇「思考型」或「Pro」來生圖，產生的中文字比較不會亂掉。

  2. 透過 Felo 網站的 AI 圖片 功能生成圖片

    Felo 網站是由日本團隊開發的網站，主力是搜尋資訊，但最近也整合了 Nano Banana Pro 模型，可以直接使用。

    你只要登入 Felo 網站就可以使用 AI 圖片 功能來生成圖片，免費帳戶一天有 200 個 Credits 可以用。

  3. 透過 Gemini CLI 工具搭配 Nano Banana - Gemini CLI Extension 生圖

    如果你喜歡用命令列工具來操作，或者是想透過指令化的腳本來批次生成圖片，可以安裝 Gemini CLI 工具，然後安裝 Nano Banana - Gemini CLI Extension 來批次生圖。

    💡 我們會在 2026/1/2 (五) 晚上的直播分享這個主題，請務必事前安裝 Gemini CLI 工具。

安裝 Gemini CLI 說明

如果你是工程師的話，只要事先安裝好 Node.js 執行環境。基本上，只要有 Bash 環境，無論用什麼終端機軟體，像是 macOS 內建的 iTerm 或自行額外安裝 iTerm2 都可以用。

你還要額外安裝 Node.js 執行環境。對軟體工程師來說，我認為安裝這些工具最簡單的方式，應該是透過 Homebrew 套件管理器，如果你已經裝好 Homebrew 的話，就可以用以下命令自動安裝 Node.js 工具：

brew install node

有了 Node.js 執行環境後，只要用以下命令就可以將 Gemini CLI 自動安裝完成：

npm install -g @google/gemini-cli

如果你是不寫程式的使用者，可能會遇到比較多的障礙，但是大致上步驟如下：

  1. 安裝 Node.js 執行環境

    直接到 Node.js 官方網站 下載並安裝最新版的 Node.js 執行環境。

  2. 安裝 Gemini CLI 工具

    開啟命令提示字元 (Command Prompt) 或 PowerShell 視窗，輸入以下命令來安裝 Gemini CLI 工具：

    npm install -g @google/gemini-cli

  3. 驗證安裝是否成功

    安裝完成後，可以輸入以下命令來驗證是否安裝成功：

    gemini --version

    如果看到版本號碼，表示安裝成功。

安裝 Nano Banana - Gemini CLI Extension 說明

我們課程中「不會」用到 Google 官方的 Nano Banana - Gemini CLI Extension 擴充功能，而是會用 Will 保哥自製魔改過的版本，不但修復了官方的錯誤，還增加了許多新功能。

🌏 網址: https://github.com/doggy8088/nanobanana

安裝方式如下：

gemini extension install doggy8088/nanobanana

光是安裝好還不夠，你還需要做兩件事：

  1. 取得 Gemini API 金鑰 (API Key) 並且

    請到 https://aistudio.google.com/api-keys 網頁的「右上角」點擊 Create API key 按鈕，依照介面只是建立一把全新的金鑰。

    預設這把金鑰屬於 Free tier 免費層級，這是無法使用 Nano Banana Pro 生圖的，你必須點擊 Set up billing 按鈕，綁定一張信用卡，才能使用 Nano Banana Pro 模型來生圖。這個過程還會要求你綁定二階段驗證，可能會卡關，有問題都歡迎到我們課程專屬的 Discord 頻道提問。

    💡 關於 GCP 付費的相關資訊，請參考這裡: https://docs.cloud.google.com/billing/docs/concepts?hl=zh-tw

  2. 設定 Nano Banana - Gemini CLI Extension 所需的環境變數

    你至少需要設定兩組環境變數 (Environment Variables)：

    1. NANOBANANA_MODEL：設定要使用的模型名稱，若要使用 Nano Banana Pro，請設定為 gemini-3-pro-image-preview
    2. NANOBANANA_GEMINI_API_KEY：設定你在 Google AI Studio 建立的 API Key

如何設定環境變數

你可以依照你使用的作業系統，選擇以下其中一種方式來設定環境變數：

  • macOS / Linux (bash/zsh)

    export NANOBANANA_GEMINI_API_KEY="你的 API Key"
# 使用 Nano Banana Pro (選用)
export NANOBANANA_MODEL="gemini-3-pro-image-preview"

    若要永久生效，請把以上 export ... 加到 ~/.zshrc 或 ~/.bashrc 後重新開啟終端機。

  • Windows PowerShell

    $env:NANOBANANA_GEMINI_API_KEY="你的 API Key"
# 使用 Nano Banana Pro (選用)
$env:NANOBANANA_MODEL="gemini-3-pro-image-preview"

    若要永久生效（User scope），可改用：

    [Environment]::SetEnvironmentVariable("NANOBANANA_GEMINI_API_KEY","你的 API Key","User")
[Environment]::SetEnvironmentVariable("NANOBANANA_MODEL","gemini-3-pro-image-preview","User")

  • Windows Command Prompt (cmd.exe)

    set NANOBANANA_GEMINI_API_KEY=你的 API Key
rem 使用 Nano Banana Pro (選用)
set NANOBANANA_MODEL=gemini-3-pro-image-preview

    若要永久生效，可改用（設定後請重新開啟終端機）：

    setx NANOBANANA_GEMINI_API_KEY "你的 API Key"
setx NANOBANANA_MODEL "gemini-3-pro-image-preview"

設定完成後，請重新開啟終端機或重啟 Gemini CLI 即可。

驗證安裝是否成功

安裝完成後，可以輸入以下命令來驗證是否安裝成功：

  1. 先執行以下可怕的命令 (我會在課堂上說明)

    gemini '/generate "Sticker, A Tiger" --resolution=1K --filename="test"' --output-format=json --allowed-mcp-server-names=nanobanana --allowed-tools 'edit_image,generate_diagram,generate_icon,generate_image,generate_pattern,generate_story,restore_image'

  2. 大約等待 1 分鐘左右，檢查 nanobanana-output 目錄下是否有 test.jpg 圖片檔案產生

    Sticker, A Tiger

上課前注意事項

由於我們上課時會採用 Zoom Workplace 桌面應用程式 軟體進行授課，因此請學員在上課前先安裝好 Zoom Workplace 桌面應用程式 軟體的最新版，並且測試好麥克風與喇叭是否可以正常運作，以免上課時無法順利聽到課程內容。

以下幾點請在上課前確認完畢：

  1. 檢查 Zoom 是否為最新版本

    我這邊目前最新的 Zoom 版本為 6.7.2

    Zoom 版本

  2. 檢查 Zoom 麥克風與喇叭是否正常運作

    你可以透過 Zoom 的測試功能來檢查麥克風與喇叭是否正常運作，如果你的麥克風與喇叭都正常運作，你會看到以下畫面：

    Zoom 麥克風與喇叭測試

上課時的注意事項

🔥 請不要在最後一刻才進入教室 🔥

🔥 請不要在最後一刻才進入教室 🔥

🔥 請不要在最後一刻才進入教室 🔥

  1. 你可以在課程開始前 30 分鐘進入 Zoom 會議室

    我會在讓大家進入會議室時播放背景音樂，請確認可以聽的到聲音。

    若聽不到聲音，可以先檢查 Zoom 麥克風與喇叭的設定是否正確，或是重新退出 Zoom 會議室後再次進入。

    建議大家盡量不要使用「手機」進入 Zoom 會議室，因為手機的螢幕太小，上課體驗會比較差。但如果真的沒辦法，用手機也是可以上課，等日後看重播時用電腦看就好。

  2. 以下是進入會議室的步驟

    開啟 Zoom 軟體，點擊「加入會議」

    開啟 Zoom 軟體，點擊「加入會議」

    輸入我們課前通知的「會議號碼」與「顯示名稱」

    輸入我們課前通知的「會議號碼」與「顯示名稱」

    輸入會議密碼

    輸入會議密碼

    測試喇叭和麥克風

    測試喇叭和麥克風

    請務必測試一下麥克風與喇叭是否正常運作，以免上課時無法順利聽到課程內容。

    請務必測試一下麥克風與喇叭是否正常運作，以免上課時無法順利聽到課程內容。

    進入會議室之後，如果聽的到聲音，就按下「回應」的 ✅ 按鈕。

  3. 多利用「回應」功能給予課程回饋

    過往有許多同學都找不到 Zoom 的「回應」功能，我特別截圖跟大家說明怎樣操作。

    Zoom Reactions

    基本上在 Zoom 最下方的工具列上，會有個「回應」的按鈕，按下去之後會有三排的表情符號可以按：

    第一排：這些表情符號按下之後可以表達你在課堂上的心情，而且 10 秒之後就會自動消失。這些表情非常重要，因為這可以讓講師知道你當下的心情，感覺開心的時候可以選 😂 (大笑)，聽到很厲害的內容時可以按下 👍 (讚)、❤ (愛心)、👏 (拍手)、🎉 (獻花) 等表情，這可以讓課程變的相當活絡有趣！

    第二排：這些符號按下去之後不會自動消失，主要用來回應講師的提問，方便大家回答問題。例如講師問「大家都聽的到我的聲音嗎？」，你可以按下 ✅ (打勾) 來代表「聽的到」，或是按下 ❌ (打叉) 來代表「聽不到」，這樣講師就可以得知你的狀態。

    第三排：只有一顆「舉手」的按鈕，按下去代表你想要開麥克風發言，講師會看到你的舉手，然後依序讓你發言。先按「舉手」的人會排在最上面，講師會更容易看到你的舉手狀態。

    以下有幾個好用的鍵盤快速鍵給大家參考，上課時可以盡情使用，增加上課的趣味性：

    功能 Windows macOS
    快速開啟「回應」選單 Ctrl+Shift+Y Command(⌘)+Shift+Y
    傳送會議回應 [鼓掌] Alt+Shift+4 Option+Command(⌘)+4
    傳送會議回應 [讚] Alt+Shift+5 Option+Command(⌘)+5
    傳送會議回應 [愛心] Alt+Shift+6 Option+Command(⌘)+6
    傳送會議回應 [大笑] Alt+Shift+7 Option+Command(⌘)+7
    傳送會議回應 [驚訝] Alt+Shift+8 Option+Command(⌘)+8
    傳送會議回應 [慶祝/拉炮] Alt+Shift+9 Option+Command(⌘)+9
    舉手/放下手 Alt+Y Option+Y
    將音訊靜音/取消靜音 Alt+A Command(⌘)+Shift+A

    表1: Zoom 鍵盤快速鍵參考

  4. 利用【聊天室】來向講師或學員傳達訊息

    Zoom 軟體有個「聊天」功能，但請不要在「所有人」的視窗聊天，因為很多人一起聊天的結果，就是大家都找不到訊息。

    這個「聊天室」功能主要用來讓學員與講師之間的溝通，如果你有任何問題，可以在「聊天室」中發問，講師、助教或其他學員都會盡量回答你的問題。

    留言時，請務必在一個訊息中把問題打完，不要像 LINE 一樣，想到一句打一句，否則可能會不同人發問的問題之間交錯出現，導致閱讀困難。

    回覆留言時，請多利用「回覆」功能，讓一個問題的討論可以聚焦在同一個討論串內，這樣大家閱讀起來會比較清楚。

  5. 利用【麥克風】使用語音提問

    進入會議室之後，麥克風會處於「鎖定」的狀態，如有問題想透過語音發問，請先點擊 Zoom 軟體的「舉手」按鈕，講師會開啟你的麥克風讓你線上發問。

    如果講師需要學員進行語音互動時，願意發言的人，也可以先按下「舉手」等候講師呼喚，並準備開啟麥克風，這樣才不會花太多時間等待學員回應。

  6. 不開放【視訊】使用

    原則上我們上課不需要開啟視訊鏡頭，以確保大家的個人隱私。

上課連結

由於我們上課時會採用 Zoom Workplace 桌面應用程式 軟體進行授課，而上課的 Zoom 會議室連結實際上是會透過另外的郵件通知學員，郵件主旨會是：

【上課通知】Nano Banana Pro 錦囊妙計：資訊圖表生成的工程化方法 1224

如果你在上課當天都還沒收到通知郵件，請立即寫信與我們聯繫！🔥