一款以文字為先的心智圖製作替代工具完全在你的瀏覽器中運作，將縮排的純文字大綱轉換成可確定、可下載的 SVG 圖，無需上傳、註冊或安裝任何軟體。大多數傳統心智圖工具——XMind、MindManager、FreeMind、MindMeister、MindNode——要求你手動繪製節點、以專屬檔案管理專案，或付費使用雲端協作功能，而且當分支增加時，自動排版往往會跑掉。本文介紹的替代工具則反其道而行:你用任何文字編輯器的方式撰寫大綱，工具就會將結構渲染成由左至右、節點位置穩定的 SVG。第一個非空行成為根節點，每個縮排層級成為一個分支，而你下載的檔案是一張乾淨的向量圖，只包含矩形、路徑和文字。沒有伺服器往返，沒有需要費力操作的拖放式畫布，也沒有專案資料庫需要維護。由於解析器在本機執行，同一份大綱明天、在不同的電腦上，或在隱私受限的環境中重新產生，結果都不會改變。
為何以文字為先的心智圖製作工具會改變工作流程
大多數搜尋心智圖替代工具的人都在反應同樣的摩擦:傳統心智圖應用程式要求你在自由格式的畫布上拖曳方塊、以專屬格式儲存工作內容、註冊帳號才能保留超過少數節點，或付費訂閱才能解鎖匯出功能。每一步都為一項往往只是「把這份想法清單變成一張圖」的任務增添摩擦。以文字為先的替代工具則將大綱本身視為唯一真實來源，藉此消除摩擦。你輸入或貼上縮排清單，渲染器負責排版。
當心智圖是你既有大綱(會議筆記、章節拆解、專案計畫、學習樹狀圖)的快照時，這種模式特別有用。你無需在視覺化編輯器中重建立階層關係，只需保留筆記中使用的相同縮排，將其貼入工具，就能獲得一張乾淨的 SVG。第一個非空行成為根節點，每個縮排層級增加一個分支，輸出則是確定性的圖:列依照原始大綱順序排列，較深的節點以固定的欄距向右移動，父子連結以 SVG 三次貝茲曲線路徑繪製。你查看的過程中，內容不會自行重新排列。
這是此替代工具所接受的取捨:你放棄自由空間編輯、即時協作和持續性的專案檔案;作為回報，你獲得一張可從任何文字來源重新產生、以單一向量檔分享，並能透過閱讀原始大綱來稽核的可預測圖。對許多讀者而言——將章節大綱轉為學習圖的學生、規劃非虛構書籍的作者、勾勒功能樹的工程師——這樣的取捨正好是他們所需。
如果你想直接開始使用，在瀏覽器中開啟 心智圖製作工具。本文其餘部分將說明解析如何運作、有哪些限制，以及何時此替代工具是正確選擇，何時該由完整的圖表應用程式來擔綱。
心智圖製作工具如何逐步運作
工作流程刻意保持簡短。三個動作就能帶你從空白文字區走到下載完成的 SVG。
- 輸入一行根項目，然後以每層級兩個空格或一個 Tab 縮排子項目。
- 選擇「Generate mind map」並在本機預覽中檢視父子連結。
- 下載獨立的 SVG 檔，若日後想編輯結構，請保留大綱。
這就是完整的循環。沒有專案庫需要管理、沒有自動儲存到伺服器，也沒有畫布需要學習。每一步都在目前的瀏覽器分頁中執行:解析器讀取文字，排版引擎根據深度和來源順序為每個節點指派穩定位置，預覽顯示結果。當你點擊下載時，相同的 SVG 會被寫入本機 Blob URL，你可以將其另存為檔案。
在你開始輸入之前，有兩個細節值得注意。第一，解析器會忽略空白行並在本機統一換行格式，因此從筆記應用程式複製貼上的大綱與手動輸入的大綱解析結果相同。第二，如果你編輯大綱，先前的結果將失效，其 Blob URL 也會被釋放——你每次都重新產生全新的 SVG，而不是修改已儲存的專案。
保持樹狀結構正確的縮排規則
解析器刻意保持嚴格。縮排是其判斷階層的唯一依據，而含糊的縮排正是心智圖悄悄將子節點掛到錯誤分支的最常見原因。下表列出解析器在繪製任何線條之前強制執行的所有規則。
| 規則 | 接受的行為 | 拒絕的行為 |
|---|---|---|
| 縮排單位 | 每層級兩個空格 或 每層級一個 Tab | 在同一前綴中混用 Tab 和空格 |
| 第一行 | 根節點，無前導空白 | 第一個非空行有任何前導空格或 Tab |
| 層級跳躍 | 每個子節點正好位於其父節點下一層 | 跳過層級(一次縮排變成兩層或更多) |
| 空白行 | 在節點之間忽略 | 視為內容 |
| 項目符號 | 從標籤中移除前導連字號、星號或加號 | 保留在渲染的節點文字中 |
| 大綱大小 | 最多 80 個非空節點，總計 12,000 字元 | 超出部分將被解析器拒絕 |
| 標籤長度 | 每行最多 120 個字元 | 較長的標籤會被拒絕 |
接受項目符號是因為大多數人撰寫大綱時會使用連字號或星號。在讀取縮排後，前導的項目符號字元會從標籤中移除，使其不會出現在渲染的節點中。標籤跳脫同樣自動完成:& 符號、角引號、引號和撇號在進入 SVG 前會轉為 XML 實體，因此類似 HTML 的文字會保持為文字，而非變成標記。如果某個標籤在預覽中消失，原因幾乎總是上表中列出的某項拒絕行為，而非渲染器的錯誤。
匯出的 SVG 實際包含什麼
下載的檔案是單一 SVG 文件，而此工具明確說明哪些內容不會納入其中。根據實作契約，輸出僅包含矩形、路徑和文字。沒有 script 標籤、沒有 foreignObject 元素、沒有外部圖片參照，也沒有遠端字型連結。每個標籤都經過 XML 跳脫，因此即使標籤包含 <、> 或 & 等字元，也能以可讀文字呈現，而不是損壞的標記。最終的向量圖可在瀏覽器中開啟、放入設計工具、嵌入簡報，或附加到文件中，不必擔心腳本執行或遠端資產載入失敗。
這點之所以重要，是因為許多共享的圖表檔案會悄悄從第三方網域擷取字型或圖片，當收件者離線開啟時，圖表就會損壞。此替代工具產生的 SVG 在嚴格意義上是獨立的:在飛機上開啟、存檔於 USB 隨身碟，或十年後提交到儲存庫，渲染結果仍然相同。如果你想複習純 SVG 文件的結構——以及為何沒有腳本就意味着沒有執行風險——MDN 的 SVG 入門教學會逐步說明渲染器所使用的相同基本元素。
預覽和下載均由可撤銷的本機 Blob URL 產生。當你重新產生時，先前的 Blob 會被釋放，這就是為何預覽能乾淨地重新整理，而不是將版本堆疊在一起。這也代表沒有快取的「專案」需要清除——關閉分頁就足以不留下任何痕跡。
何時此替代工具適用——以及何時完整的圖表應用程式是更好的選擇
當你想要的圖是你既有階層的忠實呈現時，確定性的大綱轉 SVG 生成器就是正確的替代工具。當圖本身就是成品時，則不適合。
| 使用情境 | 心智圖替代工具 | 完整圖表應用程式(MindManager、XMind、MindMeister、Miro) |
|---|---|---|
| 將大綱渲染為可直接用於簡報的 SVG | 非常適合 | 對一次性匯出而言過於繁複 |
| 無固定結構的腦力激盪 | 不太適合 | 非常適合 |
| 跨工作階段可重複使用的專案檔 | 沒有專案檔——大綱文字即來源 | 非常適合 |
| 隱私敏感的大綱 | 非常適合——資料不離開瀏覽器 | 依工具而異;許多需要雲端同步 |
| 節點的力導向或空間重排 | 不支援 | 非常適合 |
| 長期協作 | 不支援 | 非常適合 |
| 可存取、語意化的文件輸出 | 不太適合——僅輸出純 SVG | 在匯出時加上 ARIA 標記方面非常適合 |
此工具本身給出的通用規則很簡單:將 SVG 當作快速的規劃或溝通成品使用;當你需要大型知識圖譜、自由空間編輯、可存取的語意化文件，或長期協作專案時，則使用專用的圖表應用程式。如果你正將章節大綱轉換為學習圖，並希望更深入了解該特定流程，大綱轉心智圖指南以較長的完整範例沿用相同的縮排工作流程。
Reusing and Editing the Diagram Later
Because the SVG has no editable structure beyond its raw XML, the editable source of any mind map produced this way is the outline you pasted in. Treat the SVG as a presentation artifact and the outline as the project file. If you need to add a branch, rename a node, or move a child to a different parent, edit the text — adding a line at the correct indent, swapping a label, or shifting a line one level in or out — and regenerate. The previous Blob URL is revoked automatically, so the preview refreshes without a manual clear step.
A practical habit that pays off: keep the outline next to the SVG in the same folder, with a matching filename such as launch-plan.txt and launch-plan.svg. When someone asks you to update the diagram six months from now, the source is one click away and you can regenerate in the same browser tab. If you only have the SVG, you would have to retype the entire hierarchy to produce a new diagram, which defeats the point of using a deterministic generator in the first place.
For very long labels, the renderer caps each one at 120 characters and the parser enforces that limit on input. Concise phrases still produce the clearest diagram, so if a node ends up with a cramped box, the fix is usually to shorten the label rather than fight the layout. The tool is explicit about that boundary: it does not measure text wrapping and does not guarantee that unusually long words fit perfectly inside a box.
For a deeper look, see Bar Chart Maker Alternative That Keeps Data Local.