如何利用免費 Claude AI 畫出漂亮知識圖表，簡報教學、文章摘要、理論報告必備

我自己的工作流程中常常要「畫圖」，但不是畫出擬真的照片或情境圖，而是要能放在簡報、報告、文章中的解說圖、流程圖，把原本長篇大論的資訊或理論，摘要出重點，然後用圖解的方式說明邏輯，設計出一看就懂的「資訊圖表」、「知識圖卡」。

所以我也常常在研究測試如何讓 AI 輔助畫出這些知識圖表？目前我會利用下面這個工作流程：

「讓 AI 解析長篇資料背後的邏輯」－＞「讓 AI 根據邏輯去設計圖表的架構」－＞「請 AI 根據架構畫出最終圖表」

不少 AI 工具可以完成上述任務，而如果你的需求是：

• 要將大量的資訊，「濃縮」成邏輯架構清晰的圖表。
• 圖表要漂亮但也要專業，用在簡報、報告為主。
• 主要目的更偏向知識整理。

那麼我會推薦你試試看用「 Claude 」的 AI 來繪製這些知識圖表，就算是免費版的帳號也能做得很好喔！

（下面圖表，即為 Claude 分析本篇文章後，單次提問下就繪製完成的資訊圖表。）

Claude AI 畫知識圖卡、資訊圖表的特色：

免費版的 Claude AI ，目前可以使用的最新 AI 模型是 Sonnet 3.7 （2025/2/25），雖然免費帳號的單一討論串文字量有限（很容易超過），一段時間內（幾個小時）的提問次數也有限制。但是用來解析一篇長文，設計出資訊圖表，還是足夠的。

Claude 本身沒有 AI 繪圖能力，也不是專門的圖表工具，但是他的 AI 可以寫出相對複雜又正確的程式碼（例如設計一個亂數抽籤小工具：Claude 一分鐘做出亂數抽籤工具、貪吃蛇遊戲，與 ChatGPT 對比），我們可以利用來寫出 SVG 向量圖表的程式碼，再利用其他工具轉成可用圖檔（或者直接截圖）。

• Claude 雖然不是專門畫圖表的工具（例如 Napkin），但是對文字解析、推理的能力更好，長篇文章可以找出邏輯脈絡，並在圖表中做出有效摘要。
• Claude 兼顧美感風格與知識解說的能力，可以設計出各種流程圖，加上吸睛配色，搭配 ICON 圖示。
• 利用  Claude 寫程式碼能力生成 SVG ，可利用其他免費線上工具編修、轉圖。

讓我們先直接看看下面這個比較案例，我測試了三種工具製作資訊圖表： Claude、 ChatGPT、 Npakin。

我讓這三款 AI 工具都「解析同一篇文章（主題是午餐的飲食營養搭配建議）」，且「用同樣指令」請其設計 SVG 向量圖表。

• 第一步，我先貼上文章，請 AI 解析：
• 你是健康教練，分析下面文章，提供我在台灣日常上班日如何透過改善午餐，降低體脂、強化骨骼肌的具體建議。（貼上完整資料文章）
• 第二步，請 AI 根據解析，設計圖表：
• 根據上面討論，繪製一張午餐建議的 SVG 圖表。

第一個是 Claude 產出的知識圖表結果，第一眼的視覺表現很整齊、配色豐富且現代化，對於資訊的摘要抓住了很多關鍵細節，整體架構協調而且邏輯清晰、正確，更難得的是畫出符合文章所說比例的圓餅圖。

在三個 AI 工具中， Claude 生成的內容，我認為是最適合「直接」放入報告、簡報、文章中的圖表。

第二個是 ChatGPT 產出的知識圖表結果，「文字」上沒有大問題，在邏輯架構上也都是清晰、正確的，但也很明顯的在細節上把握度比較低，而「圖像」上偏向比較傳統的流程圖、心智圖，比較難產出亮眼的新設計。

第三個是 Napkin 產出的圖表，這是專門的 AI 繪製圖表工具，在「圖像」上有更多跳脫傳統圖表的變化，不過在「文字」邏輯的架構整理與摘要上，就明顯的比另外兩個工具弱。

上述三個案例的比較結果，在我的使用經驗裡是具有普遍性的，三種工具大多時候就是這樣的取向。

所以如果你需要為一篇複雜而豐富的資料設計「知識圖表」，要放入簡報、報告中，或是解析一個理論，就很值得試試看 Claude AI。

下面一步一步分享可以如何操作、修改與延伸應用。

讓 Claude AI 解析資料，思考如何設計圖表：

當你請 Claude AI 繪製圖表時，他通常會使用寫程式碼的方式，提供給你 SVG 向量圖，然後搭配 Claude 可以直接預覽程式碼成果的功能，我們就能立刻獲得一張可以截圖的資訊圖表。

我通常會這樣做，例如我找到一篇討論筆記過多問題的文章：「越整理越忙？ 3 步驟降低筆記的認知超載，不讓資料成為干擾」，想要製作資訊圖卡，我就把完整文章貼上 Claude ，然後這樣提問：

「你是製作知識圖解的大師，請閱讀下面文章，思考應該如何設計資訊圖表，請一步一步閱讀、推理與設計，並提供我 SVG 圖表：（貼上完整原始資料）」

通常 Claude 只要「一次提問」，就能產出下面程度的資料整理圖解。裡面有重點摘要、邏輯架構正確、搭配適合圖示、配色吸睛。然後利用「 Artifacts 預覽功能」，可以直接把程式碼轉換成可預覽的圖像。

尤其是「重點摘要」、「搭配圖示」、「配色吸睛」這三點， Claude AI 不需要特別提示，自己就可以「畫」得很好。

相較之下，下面是 ChatGPT 同樣提示語畫出的 SVG 流程圖（下圖），在美觀上就有落差。

強化設計圖表指令，讓 AI 畫出更有創意的理論圖解：

如果你對於圖表設計有一些想法，或是希望 AI 幫我們設計更有創意一點的圖解，那麼可以把指令修改為下面這樣：

「你是製作知識圖解的大師，請閱讀下面文章，思考應該如何設計資訊圖表，請一步一步閱讀、推理與設計，設計時跳脫只是整理知識重點的邏輯，從更加概念、示意的層面進行圖解設計，用 SVG 繪製出圖表：（貼上完整原始資料）」

下面是我請 Claude 閱讀一篇原子習慣文章後，解析原子習慣理論， AI 畫出來的圖表。

對比一下，下面則是 ChatGPT 畫出來的圖表，因為指令的影響，圖表更有意思一點，不過美觀度上還是有落差。

AI 畫出的 SVG 向量圖如何修改？如何匯出圖檔？

透過上面例子可見，讓 Claude、 ChatGPT 解析資料，用 SVG 程式碼繪製資訊圖表是沒問題的。

但是如果 AI 第一次提問後畫出的 SVG 向量圖表有一點小錯誤，我要怎麼修改比較好？或是我不想截圖，而是想要把 SVG 向量圖匯出成高解析的 PNG 圖檔？這時候怎麼辦？

這時候可以試試看這個免費、無須註冊的線上 SVG 編輯工具。

例如前面舉例的 Claude 製作原子習慣知識圖表，其實第一次提問後， AI 畫出的圖表有些小失誤。

所以我把 Claude 提供的 SVG 程式碼複製，打開 線上 SVG 編輯工具  ，透過上方工具列的「 SVG 」按鈕，貼上完整程式碼，這時候向量圖就會直接顯示在編輯器中，而我們可以利用圖形工具，簡單修改文字、位置、顏色，或是加上自己想要的圖解。

用圖形工具快速調整，然後左上方選單可以「 Export （匯出）」成 PNG 高解析圖檔。

延伸應用1： AI 設計更有創意的圖解、美化表格

如果不是要修改小錯誤，而是要請 Claude 往更多資料摘要，或是更有創意的方向發想，可以在討論串進一步追問：

「很不錯，如果希望不只傳達重點摘要，也能有圖像上的創意示意，你會如何一步一步修改？」

但是如果是免費版的 Claude ，單一對話的文字量上限很低，通常兩三次討論後，就會達到單一對話上限。

Claude 不只可以利用 AI 來摘要資料、製作資訊圖表，也可以美化原本的表格。

下面我直接把自己製作的原子習慣表格貼上去，然後請 Claude 美化：

「下面是我原始的表格，利用 SVG 將這個表格美化，請一步一步處理，最終將表格美化成日本禪宗風格的表格。

原始的表格：###」

下圖就是 Claude 美化後的結果。

延伸應用2： 提供更完整的設計知識圖表指令，讓 AI 繪製更專業圖表：

如果你希望 Claude、 ChatGPT 設計出來的 SVG 向量圖表：可以解析出更深入的理論細節、更有邏輯的架構、更豐富的視覺元素，然後製作出「一張圖解釋完整概念」的專業圖表。

那麼或許可以試試看下面這樣的 AI 指令，在 Claude、 ChatGPT 都有效：

根據下面資料，設計一張 SVG 知識圖表，主題為【XXX】，目的是【解釋概念/呈現數據/傳達流程/啟發思考】。目標觀眾是【台灣職場工作者】，他們偏好【條理清晰、邏輯性強、易於理解】的設計。

- 資訊結構：按照【問題→過程→解決方案】的邏輯，用圖像化、圖表方式呈現資訊。

- 視覺層次：重點使用【字體加粗、色彩對比、尺寸放大】突顯，並用【箭頭、連接線】引導視線。

- 配色設計：保持專業現代感，並讓顏色更豐富。

- 圖示風格：選用【扁平化設計】的圖示，統一風格且直觀易懂，適度加上ICON。

- 構圖與排版：依【標題→重點→細節】的層次結構，使用【色塊、線條】劃分區塊，保持適當留白。

風格要求：設計風格以【專業商務風格】為主，整體設計應【簡約、現代、易於理解】。

資料：###

一樣是解析跟前面相同的原子習慣文章，但是強化設計圖表指令後，Claude 畫出來的結果如下。

這張圖是一次性提問下產出的結果，原圖有一些「錯位」的小問題，但丟到 SVG 線上工具調整後，一兩分鐘內就能完成下圖這樣的結果。

而下圖是 ChatGPT 畫出來（寫出 SVG 程式碼）的結果，也有很大的進步。

如果你之後需要在簡報、報告、文章中添加資訊圖表，需要整理大量資料，根據理論架構畫出知識圖卡，那麼值得試試看「 Claude 」，並且可以參考這篇文章分享的應用案例與工作流程。

大家好，我是電腦玩物站長 Esor ，歡迎參考我的系列課程與書籍：

• 2024/6 最新著作上市，歡迎支持：《高效人生工作法圖解》

• 「個人數位生產力」線上課程（可使用電腦玩物老讀者折扣碼 ESOR500 ，獲得 500 元折價喔！）。
• 時間管理、筆記系統、AI 工具相關課程：「課程介紹連結」
• 著作：《防彈筆記法》
• 訂閱追蹤 podcast 節目：「高效人生商學院」（Apple podcast 訂閱、 Google Podcast 訂閱）
• 訂閱「電腦玩物電子報」，不定期出刊。

我的電子郵件是 esorhjy@gmail.com ，如果你有任何關於筆記術、時間管理、提升工作效率的問題，歡迎寫信跟我討論。

（歡迎社群分享。但全文轉載請來信詢問，禁止修改上述內文，禁止商業使用，並且必須註明來自電腦玩物原創作者 esor huang 異塵行者，及附上原文連結：如何利用免費 Claude AI 畫出漂亮知識圖表，簡報教學、文章摘要、理論報告必備）