Drawnix 是什麼？免費開源白板把 Mermaid 直接變成可編輯流程圖

用 AI 摘要這篇文章：

ChatGPT Claude Perplexity Google Grok

把一段寫好的 Mermaid 流程定義貼進輸入框，按下插入，畫布上長出一張五節點的流程圖，節點文字是繁體中文、決策菱形帶著「有」與「沒有」兩條標籤分支；接著重新整理整個頁面，圖還在原處。這兩件事是我實際操作 Drawnix 之後最想先講的結果。它是一款免費開源的白板工具，心智圖、流程圖、自由手繪放在同一張無限畫布上，GitHub 專案已累積一萬四千顆星，採 MIT 授權，2026 年 9 月初仍有程式碼推送。

不過有個反向發現也得先說：這個網站在搜尋引擎裡的自我描述寫著「協作白板」，儲存庫說明也掛著 SaaS 字樣，但整個應用裡找不到帳號註冊、分享連結或多人游標，就是一張單人畫布。要即時協作的人此刻會撲空，單機畫圖的人反而拿到一個乾淨順手的工具。下面把實測到的能力、資料流向與缺口一次攤開，你可以據此判斷它值不值得放進書籤列。

Mermaid 貼上就長出流程圖，Markdown 清單變心智圖

點工具列的「更多工具」，選單裡有兩個轉換入口：Mermaid 到 Drawnix、Markdown 到 Drawnix。先解釋一下 Mermaid：它是一種用文字描述圖表的語法，一行 A --> B 就代表一條從 A 指向 B 的箭頭，寫文件的人常用它把流程定義直接放進筆記。輸入框支援預覽，貼上語法先看一眼結構，確認了再按插入，圖形就落在畫布上。

我貼的是這段五節點的定義，你可以複製去重現同樣的測試：

graph TD
  A[寫文章] --> B{有靈感?}
  B -->|有| C[直接開寫]
  B -->|沒有| D[先畫心智圖]
  C --> E[發布]
  D --> E

插入後的結果比預期實用，轉出來的圖是向量圖形，點選任何節點會浮出屬性面板，字級、邊框色、填色都能改，拖曳就重新排版，貼上去之前寫好的流程定義不用重畫一遍。

Pin

有個誠實的邊界寫在對話框裡：目前只有流程圖、序列圖、類圖三種會轉成可編輯的 Drawnix 圖形，其他 Mermaid 圖型會以圖片形式插入，改不了字。Excalidraw 的轉換同樣只吃一部分圖型，這是這類工具的共同限制，把 Mermaid 當主力的人要知道線畫在哪。

Markdown 那條路更接近文字工作者的直覺。我把一份三層的出遊大綱貼進去，井字號的階層直接變成心智圖：週末出遊計畫居中，台北與台中各成一個分支，故宮看展、逛夜市、科博館、高美濕地掛在對應分支下。會議記錄、文章大綱、讀書筆記這類本來就是樹狀的清單，貼過去就省掉逐節點建立的時間。分支配色由畫布主題決定，右下角可以切六種色系：預設、繽紛、柔和、復古、暗夜、星空，心智圖換一個主題，整棵樹的分支顏色跟著換。

Pin

想用文字生圖表還有另一條路是交給 AI，像我們先前介紹過的 AI 圖表生成工具 PicDoc，差別在於 Mermaid 轉換照規則走，字就是你打的字，沒有模型重新詮釋的空間。

圖存在瀏覽器裡：重整不丟，內容不出門

自動儲存是這類工具最容易開空頭支票的功能，所以我把整條鏈走了一遍。值得一提的是，打開網站的第一眼，畫布上的歡迎文字自己就標明了資料存在瀏覽器本機，這句話不只是行銷文案，下面是實際驗證。IndexedDB 是瀏覽器內建的本地資料庫，一般的網站拿它存快取，Drawnix 直接拿它當畫布的家。實測方式很直接：在畫布上打一段文字，打開瀏覽器開發者工具的資料庫面板，內容確實寫了進去，資料庫名稱就叫 Drawnix，畫布資料放在同一個鍵裡；整頁重新載入後，文字還在畫布上。從原始碼看，寫入時機是每一次內容變動就存一筆，不是每隔幾分鐘的批次備份，所以關分頁、斷電都幾乎沒有損失空窗。全程沒有登入，沒有雲端空間，儲存這件事完全發生在本機。

資料流向也查了。載入網站並操作畫布的過程中，對外請求只有一組：頁面統計服務 Umami 的腳本與回報位址。畫布內容本身沒有任何上傳請求。所以隱私的樣貌要說得精確：內容層是本機的，你畫的東西不出門；頁面層有統計，造訪這件事本身會被記錄。這對多數人夠用，對隱私要求極高的人則要知道足跡不是零。

代價也跟著本機而來。清掉瀏覽器資料等於清掉畫布，換電腦不會自動跟著走。跨裝置的搬家方式是把畫布存成 .drawnix 檔（一種 JSON 格式），到另一台機器再開啟；匯出圖片則有 SVG、PNG、JPG 三種格式，還能勾透明背景。把它當主力工具的人，養成隨手存檔的習慣比什麼都重要。

跟 Excalidraw 比差在哪：心智圖是原生結構

挑免費白板的人多半會拿 Excalidraw 當基準，值得說清楚兩者的異同。相同的部分：Excalidraw 也看得懂 Mermaid 語法，應用程式裡就內建了轉換模組；它同樣把場景存在瀏覽器本機、同樣免費開源。想找「哪個功能對方完全沒有」，答案落在心智圖。

Drawnix 的心智圖是工具列上的獨立工具，快捷鍵 M（畫筆是 P、箭頭是 A），節點是真正的樹狀結構，從 Markdown 轉出來的心智圖就是這種節點樹，選起來改字、換色、調層級都是結構化操作。Excalidraw 上要做出類似的圖，得用矩形加連接線自己拼，箭頭可以綁在形狀上跟著移動，卻沒有加子節點、整棵樹重新排版這類結構操作。反過來，Excalidraw 的手繪風格與素材庫生態是它累積多年的強項，Drawnix 的自由畫筆就樸素得多。若你的核心產物是心智圖與流程圖，Drawnix 的結構化編輯省事；若核心是白板塗鴉與快速示意，Excalidraw 仍然穩。

「同一張畫布放多種產物」不是想像出來的賣點，實測過程它自然發生了：我先插入一張流程圖，接著又把 Markdown 大綱轉成心智圖，兩種圖就並存在同一張畫布上，各自選取、各自編輯，互不干擾，手繪與圖片也在同一組工具列上隨叫隨到。實際工作裡這對應的場景很常見：開會時先用自由畫筆速記大家的想法，會後把定案的部分整理成流程圖，功能盤點用心智圖展開，三種圖放在同一個檔案裡交接，不需要在三個工具之間搬家。

如果只想要心智圖、不需要整張白板，專門的工具如我們介紹過的 線上心智圖 SimpleMindMap 依然是更輕的選擇。Drawnix 的位置在於把心智圖、流程圖、手繪收進同一張畫布，一張圖裡同時存在多種產物時才看得出價值。

一家商用框架公司的展示窗

打開它的儲存庫會發現 Drawnix 不是社群憑空長出來的專案。README 的說法是 Plait 這個畫圖框架出自「我司」，是公司在知識庫產品上累積的技術，並連向 PingCode Wiki 這個商用產品；Plait 原始碼放在 GitHub 的 worktile 組織下，npm 套件 2026 年 9 月初仍在發版。換句話說，這是一家做企業協作軟體的公司，把內部畫圖引擎開源，再用它蓋了 Drawnix 這個展示應用。README 也直說 drawnix.com 是「最小化應用」，會持續迭代到名為 Dawn 的版本。這個出身對使用者是兩面刃。好的一面，引擎有商業產品在背後養著，介面細節與工程紀律看得出成熟度，就算哪天網站收了，MIT 授權的原始碼還在，自架路徑不會消失。要留神的一面，開源展示品的路線終究服務公司的產品目標，哪天重心移走，維護節奏可能跟著變。這是商業開源專案常見的壽命風險，不是 Drawnix 特有。

這個血統解釋了幾個乍看突兀的細節。介面有中文、英文、俄文、阿拉伯文、越南文五種語言，超過一般社群專案會做的範圍，合理的解釋是框架本來就要伺候商用客戶；程式採外掛架構，Mind、Draw、Text 各自是獨立套件，這是引擎產品的工程習慣；連別的工具箱網站都直接把它內嵌成白板頁，像中國的錦時產品工具箱就把 Drawnix 掛在自家選單裡。

網域的故事則是個巧合。查網頁庫存檔可以發現，drawnix.com 在 2022 年是一家德里建築事務所的網站，白板版本的最早快照出現在 2024 年 11 月，與 GitHub 專案 2024 年 6 月建立的時間對得上。它不是多年老站，是近兩年才把網域接過來的新住民，判斷專案成熟度時該以儲存庫的活躍度為準：正式版走過 v0.3.0（2025 年 9 月）與 v0.4.0（2026 年 4 月）兩個節點，開發分支 2026 年 9 月仍在動，維護是活的，只是版本標籤貼得保守，最新功能都在開發分支上。

協作不存在、介面是簡體：現在的代價

把限制集中說清楚，你自己判斷能不能接受。

協作與同步目前不存在。網站描述裡的協作白板更接近行銷定位，實際應用沒有帳號、沒有分享連結、沒有多人編輯，雲端同步也沒有。團隊要用，現階段只能等官方補上或選別家，README 提到的 Dawn 版本並未承諾協作功能。

介面的中文選項是簡體字。你輸入的繁體內容會照原樣呈現，我貼的流程圖與心智圖節點都是繁體，但選單與按鈕文字是簡體中文，對繁體使用者只有「能看懂」的程度，沒有繁體介面。

自架版本落後官方網站。Docker 映像有近八萬次拉取，最後更新停在 2026 年 4 月，映像最新標籤是 v0.4.1，GitHub 正式版停在 v0.4.0，比開發分支慢了近五個月。想在內部伺服器跑最新功能的人，目前得自己從原始碼建置。

我的實測範圍也有邊界。單人本機場景、桌上型瀏覽器、一般大小的圖形文件，這些是實際驗證過的；行動裝置的操作手感、超大畫布的效能、長期使用的穩定度，官方有支援宣告但我沒有驗證，下判斷時請把這些當未知數。

單機畫圖的人現在就能用

單機畫圖、產物以流程圖與心智圖為主、手上有 Mermaid 定義或 Markdown 大綱想直接變圖的人，現在打開就能用。介面本身不複雜：一張空畫布，頂部一排工具（選取、文字、心智圖、畫筆、箭頭、形狀、圖片），左上是應用選單，開啟舊檔、存檔、匯出圖片、清除畫布、切換語言都在裡面，復原與重做隨手可得，畫布用滾輪縮放。三分鐘內可以驗證它適不適合你：開網站、更多工具裡選 Mermaid、貼一段你真的在用的流程語法、插入後點節點改一個字、匯出 PNG。節點能改字、匯出成功，它對你就是堪用的；貼的語法轉不出來或你其實要的是協作，那就退回 Excalidraw 或評估付費白板，不用勉強。

它的授權與活躍度都算健康：MIT 授權可商用，一萬四千顆星、上千次 fork，開發節奏到 2026 年 9 月仍活躍。真正的變數在方向，它是商用框架的展示窗，功能路線由母公司的產品邏輯決定，心智圖與文字轉圖這條線會不會持續深化，看 Dawn 版本落地什麼。把它當免費好用的單機白板，這個判斷今天站得住；把它當長期協作基礎建設，證據還不夠。