ChatGPT 怎麼做思維導圖：用 Mermaid 代碼生成並在對話裏預覽，沒有 Preview 按鈕怎麼辦

本文根據 OpenAI 幫助中心《Working with writing blocks and code blocks in ChatGPT》和發佈說明整理，資料核對於 2026-10-14。官方文章沒有配介面截圖，文中配圖為本站整理的示意圖。

適用於誰

• 搜「ChatGPT 思維導圖」，想讓它把一篇文章、一個主題畫成思維導圖的人；
• 想要的是能看的圖，而不是一大段縮進文字的人；
• 聽說過 Mermaid，但不知道怎麼在 ChatGPT 裏用的人。

結論先說

1. ChatGPT 沒有一個叫「思維導圖」的專用按鈕。官方文檔裏沒有這樣的功能。可行的做法是讓它輸出圖表代碼，再用對話裏的代碼塊預覽查看。
2. 官方說代碼塊支持預覽的類型包括：HTML 頁面、React 組件、SVG 圖像、Mermaid 圖、Vega 或 Vega-Lite 圖表。思維導圖可以用 Mermaid 來畫。
3. 在代碼塊上點 Preview，就能在 ChatGPT 裏看結果；點 Code 切回代碼。官方說：如果沒有 Preview 按鈕，說明這個代碼塊不支持預覽。
4. 能不能顯示，要實際看：官方只說支持「Mermaid 圖」，沒有說裏面有沒有思維導圖（mindmap）這種圖類型，所以請以你點開後的實際效果為準。
5. 預覽在沙盒裏進行：官方說，代碼預覽和運行都使用沙盒環境；如果預覽需要外部資源，ChatGPT 可能會先徵求你的許可。

步驟

圖：本站根據 OpenAI 幫助中心：Working with writing blocks and code blocks in ChatGPT 整理的示意圖

1. 把主題和層級交代清楚

指令可以這樣寫（把方括號裏的換成你的）：

請用 Mermaid 的 mindmap 語法，為「[時間管理]」畫一張思維導圖。
要求：根節點是主題；3 到 5 個一級分支；每個分支下 2 到 4 個要點；
每個節點不超過 10 個字；只輸出一個 mermaid 代碼塊，不要多餘的解釋。

如果你有一篇資料要整理，可以先上載文件或粘貼文字，再問：

把下面這篇文章的結構整理成思維導圖，用 Mermaid 的 mindmap 語法輸出。
一級分支對應文章的大標題，二級節點對應小標題，三級只放關鍵數據。
[粘貼文章]

2. 看代碼塊

ChatGPT 通常會把代碼放進代碼塊裏，官方說代碼塊會顯示語言標籤，比如 Python、JavaScript、HTML。Mermaid 代碼一般會以 mindmap 開頭，類似這樣：

mindmap
  root((時間管理))
    規劃
      每週目標
      每日三件事
    執行
      番茄鍾
      先做最難的
    復盤
      每週回顧
      調整計劃

3. 點 Preview

在代碼塊上點 Preview，結果會顯示在 ChatGPT 裏。官方還說，支持的代碼塊可以：複製代碼、直接編輯、讓 ChatGPT 幫忙修改、全屏打開、在 Code 和 Preview 之間切換；發佈說明（2026-02-27）說，代碼塊裏的流程圖、圖表這類可視化可以導出為圖片。

4. 要改就直接說

把「執行」這個分支拆成「專注」和「避免打斷」兩個分支，每個分支 3 個要點；其他不變。

節點文字太長了，全部縮短到 8 個字以內，保持原來的層級。

官方說，對支持的代碼塊所做的編輯，會在短暫延遲後隨對話一起儲存，ChatGPT 之後回答追問時可以用到最新的版本；但在臨時聊天裏，編輯可能不會在對話結束後保留。

沒有 Preview，或者想要別的形式

圖：本站根據 OpenAI 幫助中心：Working with writing blocks and code blocks in ChatGPT 整理的示意圖

• 改成 SVG 或 HTML：官方列在支持預覽裏。可以說「改用 SVG 畫成同樣的思維導圖」，得到的是一張圖；
• 要在別處繼續編輯：讓它輸出帶縮進的文字大綱，再導入你常用的思維導圖軟件。這是通用做法，各軟件的導入方式不同；
• 要放進 PPT 或文檔：用 Work 做，見 /guides/chatgpt-make-ppt-prompts；
• 看不到任何操作：官方說你不一定能在每個對話裏看到每個操作，取決於代碼塊的類型、裝置、套餐、工作區設定，以及功能是否對你的帳號開通。

常見問題

Q：為什麼我點了 Preview，卻是一堆報錯或空白？

可能是代碼本身有語法問題。可以把報錯告訴 ChatGPT，說「這段 Mermaid 代碼預覽報錯，請修正語法，保持內容不變」。

Q：能不能導出成圖片或 XMind 文件？

圖片：官方發佈說明（2026-02-27）寫道，在代碼塊裏創建的流程圖、圖表和數據可視化，現在可以導出為圖片，方便再使用；具體按鈕位置以介面為準。XMind 等專用格式：官方文檔沒有寫導出功能，需要的話讓 ChatGPT 輸出縮進大綱，再用專門的軟件導入處理。

Q：能用在手機上嗎？

官方說可用的操作取決於裝置。先在你的手機上試試代碼塊有沒有 Preview。

Q：和 Canvas 有什麼關係？

Canvas 是另一個協作寫作和寫代碼的工作區，見 /guides/chatgpt-canvas。本文講的是對話裏的代碼塊預覽。

Q：想把整篇文章總結成要點，用得着畫圖嗎？

不一定。文章總結可以直接看 /guides/chatgpt-summarize-pdf；只有當你想把結構一眼看清楚時，才值得畫導圖。

參考資料

• OpenAI 幫助中心：Working with writing blocks and code blocks in ChatGPT — https://help.openai.com/en/articles/20001246-working-with-writing-blocks-and-code-blocks-in-chatgpt
• OpenAI 幫助中心：ChatGPT release notes — https://help.openai.com/en/articles/6825453-chatgpt-release-notes