Mac 上的心智圖製作工具可將最多 80 個非空節點的縮排大綱轉換為可下載的 SVG,整個過程完全在瀏覽器中進行,且無須上傳大綱。 使用 Mind Map Maker 時,你可以從文字而非空白畫布開始:第一個非空行會成為根節點,每個縮排行則會成為子節點或更深層的分支。

這是適用於 Mac 的瀏覽器工作流程,而非原生桌面應用程式。它適合利用既有階層結構快速建立規劃或溝通成品。它並不打算模仿完整的視覺化編輯器,因此原始大綱仍是實用的主要依據。

mind map maker on mac
Mac 上的 Mind Map Maker:從大綱建立 SVG

此 Mac 工作流程的功能

當你想將筆記、專案計畫、章節大綱或點子清單轉換成由左至右的簡潔樹狀圖時,可以使用此工作流程。輸出結果具決定性:大綱深度與來源順序會決定穩定的節點位置,再以三次方 SVG 路徑連結父節點與子節點。畫布會自動擴展,以納入每個產生的節點。當一致的結構比自由形式的配置更重要時,這種可預測的版面配置相當實用,但此工具不支援以拖曳節點的方式重新排列完成後的圖表。

在你的 Mac 上建立心智圖

依照以下瀏覽器工作流程建立、檢查及下載心智圖:

  1. 在 Mac 瀏覽器中開啟產生器。 直接使用 Mind Map Maker 頁面,不必另外尋找 macOS 下載項目或桌面安裝程式。
  2. 準備純文字大綱。 將根節點放在第一個非空行。每個子節點使用兩個空格或一個 tab 縮排,並在每個更深層級增加相同的縮排量。完整大綱不得超過 12,000 個字元、非空節點不得超過 80 個,且每個標籤不得超過 120 個字元。
  3. 在大綱編輯器中輸入大綱。 將各行貼上或輸入大綱編輯器。第一個節點不可縮排,每個縮排行都會連接至前方最近一個高一層的節點。
  4. 選擇 Generate mind map。 解析器會讀取縮排、忽略空白行、在本機正規化行尾,並準備由左至右的 SVG 圖表。讀取縮排後,標籤中可選的連字號、星號或加號會被移除。
  5. 檢查本機預覽。 確認根節點、分支及更深層節點均以預期順序出現。三次方路徑應將每個父節點方框連接至其子節點方框。如果連接有誤,請修正大綱中的縮排並再次產生心智圖。
  6. 下載獨立 SVG。 儲存產生的向量檔案;如果之後可能需要變更結構,請另外保留文字大綱。下載的 SVG 是簡報用成品,而非持續保存的心智圖專案。

請將來源大綱保存在方便編輯的位置,例如純文字文件。產生器不會儲存專案,而編輯其大綱會使先前的預覽結果失效,並釋放相關的本機 Blob URL。

寫出工具能辨識的縮排

縮排會定義階層結構,因此一致性比視覺樣式更重要。以下前置符號代表有效的根節點、子節點及孫節點結構:

行的角色 要輸入的前置符號 意義
根節點 開頭不得有空格或 tab 第一個非空節點;不可縮排
子節點 開頭有兩個空格 比根節點低一個巢狀層級
孫節點 開頭有四個空格 比子節點低一個巢狀層級

你可以每一層使用一個 tab,而非兩個空格,但單一縮排前置符號不可混用 tab 與空格。縮排也不可略過層級:孫節點與根節點之間必須有一個有效的父層級。這些限制可避免某一行在未提示的情況下被附加至錯誤的分支。空白行會被忽略,因此可用來視覺分隔大綱的各個區段。

  • 每一層皆使用兩個空格,或每一層皆使用一個 tab。
  • 第一個非空行不得以縮排開頭。
  • 不可直接從根節點跳至第 3 層節點。
  • 標籤應保持簡潔,讓它在方框內更容易閱讀。

編輯時如需簡明參考資料,請將心智圖語法與限制速查表放在附近。它可協助你檢查縮排、輸入限制與 SVG 行為,且不會中斷大綱工作。

下載前先檢查預覽

預覽可在儲存檔案前顯示階層結構。其結構遵循一組簡單且可預測的規則:

  • 根節點出現在大綱開頭,並作為圖表的錨點。
  • 更深層節點會依固定的欄距向右移動。
  • 各列遵循原始大綱順序,不會自動重新排列。
  • 父節點方框透過三次方 SVG 路徑連接至子節點方框。
  • SVG 畫布會擴展,以容納所有產生的節點。

標籤最多可包含 120 個字元,但工具不會測量文字換行,也無法保證極長的標籤一定完全符合其方框大小。簡短且有意義的詞句能產生最清楚的結果。下載前請檢查文字內容與各項連接,不要將產生的檔案視為自動完成的最終設計。

讓處理在本機進行,並使 SVG 完全自足

解析、版面配置、SVG 產生、預覽及下載全都在目前的瀏覽器分頁中完成。你的大綱不會上傳。目前的結果會透過可撤銷的本機 Blob URL 提供,這是瀏覽器管理的參照,指向本機保存的資料;MDN 的 Blob 文件說明其底層 Blob 機制。

每個標籤在加入 SVG 前都會經過 XML 跳脫處理。因此,與號、角括號、引號及撇號都會保留為文字,而不會變成標記。產生的檔案包含簡單的矩形、路徑與文字,不含指令碼、foreignObject 元素、外部圖片、遠端字型或網路參照。

因此,下載內容是無須擷取任何外部資源的獨立向量圖片。如果你想了解其底層格式,MDN 的 SVG 教學會說明 SVG 元素的定義方式。匯出的檔案適合作為視覺成品,但並非設計成可編輯並往返儲存的專案。

編輯大綱,而非匯出的圖表

最快的修改週期是變更原始文字並重新產生圖表。不要預期能將下載的 SVG 重新開啟為專案並移動其中的分支。此產生器刻意提供結構與下載功能,而非持續性的視覺編輯。

  • 不會為後續工作階段儲存專案。
  • 不支援拖曳節點或收合分支。
  • 不提供即時協作功能。
  • 不匯入專有心智圖格式。
  • 不會將 SVG 重新開啟為往返編輯文件。

保留大綱也能確保你未來仍可進行變更。由於每個節點都會依深度與來源順序獲得穩定位置,修正後的大綱可以一致地重新產生,而不必在匯出的圖片中手動重新定位元素。

何時適合使用完整的圖表應用程式

當你需要大型知識圖譜、自由形式的空間編輯、無障礙的語意文件,或長期協作專案時,請選擇專用的圖表應用程式。這些需求已超出大綱轉 SVG 產生器的範疇;後者最擅長的是快速產生可預測的規劃或溝通圖形。

若要進行專注於 Mac 的工作流程,請使用瀏覽器產生器建立階層結構、在預覽中確認父子節點的連接、下載獨立 SVG,並保留來源大綱。這套組合可讓輸入保持可編輯、輸出保持可攜性,且整個產生過程都在本機進行。

相關閱讀:Android 上的圓餅圖製作工具:在瀏覽器中建立 PNG。