Excalidraw 完整教學:用一句話生出流程圖,再手改成你要的樣子
Excalidraw 免費、開源、免註冊,畫出來像手繪草稿。它的文字轉圖表功能已經開源,背後是先把你的描述轉成 Mermaid 再畫到畫布上——這個設計決定了它的強項與極限。
Excalidraw 完整教學:用一句話生出流程圖,再手改成你要的樣子
週三下午的需求會議,工程師在白板前畫到一半,產品經理說「你先別畫,我們線上開個圖一起改」。有人打開某個知名的圖表工具,開始問「你的帳號是哪個、我加你進 workspace」——五分鐘過去,圖還沒開始畫。
這種時刻,Excalidraw 的價值就出來了:貼一條連結,所有人直接進來畫,沒有帳號、沒有邀請、沒有權限設定。
它看起來像一個玩具,但被大量工程團隊拿來做正事。這篇把它從頭到尾講一遍,包括 2026 年的文字轉圖表與 Mermaid 新功能。
它是什麼:一塊刻意畫得很醜的白板
Excalidraw 是免費、開源的虛擬白板,整個編輯器跑在瀏覽器裡,不需要註冊。最大的特徵是它的手繪風格——線條歪歪的,像用筆在紙上畫的草稿。
這個美學選擇不是偷懶。手繪感讓圖表看起來「還沒完成」,而人對未完成的東西比較敢提意見。我自己的經驗是,同一份架構圖用正規工具畫出來,會議上大家只會點頭;用 Excalidraw 畫,馬上有人說「這裡箭頭是不是反了」。
免費版的檔案預設存在瀏覽器本機,不會自動上傳。付費的 Excalidraw+ 賣的是雲端儲存、團隊工作區與協作管理。
能做什麼
三件事:手繪白板、文字轉圖表、即時協作。
手繪白板是基本盤——矩形、圓形、箭頭、文字、自由曲線,加上圖形之間會自動吸附的連接線。畫系統架構、流程草圖、簡報示意都夠用。
文字轉圖表是它的 AI 功能,運作方式很值得理解(下一段細講)。
協作則是貼連結就能多人同時編輯,游標會即時顯示。這對遠距團隊的臨時討論非常順手。
怎麼用:五個步驟
第一步,直接開始畫。 打開 excalidraw.com,什麼都不用設定。左側工具列選圖形,畫布上拖曳。按 V 是選取、R 是矩形、O 是圓形、A 是箭頭——記住這幾個快捷鍵,速度差很多。
第二步,用箭頭把圖形連起來。 畫箭頭時把游標移到圖形邊緣,會出現吸附點。連上之後,移動圖形箭頭會跟著動,不用重畫。這是很多人沒發現的功能,卻是畫流程圖最省時間的地方。
第三步,試試文字轉圖表。 點上方中間工具列最後一個圖示,選「Text to diagram」,輸入你的描述,系統會自動生成圖表。例如輸入「使用者登入流程:輸入帳密、驗證、成功進首頁、失敗回登入頁」,它會生出一張流程圖。
第四步,改它產出的 Mermaid。 這是關鍵技巧。文字轉圖表的實際流程是:AI 先把你的描述轉成 Mermaid 語法,再從 Mermaid 渲染成圖。所以當結果不對時,與其反覆改中文描述碰運氣,不如直接看 Mermaid 語法錯在哪、手動修那一行。2026 年官方也加入了專門的 Mermaid 語法編輯器,就是為了讓複雜圖表能精確調整。
第五步,匯出。 匯出成 PNG 或 SVG 給簡報用,或存成 .excalidraw 檔保留可編輯性。要放進文件的話,SVG 在縮放時不會糊掉,優先選它。
進階技巧
善用 Mermaid 的新圖種。 2026 年 Excalidraw 擴充了 Mermaid 能力,現在可以直接在編輯器裡做狀態圖(State Diagram)與實體關係圖(ERD)。畫資料庫關聯或狀態機時,用 Mermaid 語法寫比手拉快十倍。
跟語言模型搭配。 這是我實際的工作流:先讓 ChatGPT 或 Claude 幫我把一段需求描述整理成 Mermaid 語法,貼進 Excalidraw 渲染,再手動調版面。比在 Excalidraw 裡反覆下指令有效率得多,因為語言模型改語法比改圖在行。
建立自己的元件庫。 常用的圖示可以存成 library 重複使用,團隊共用一份能讓圖表風格一致。
鎖定背景元素。 畫大型架構圖時,把底層的框框鎖定(右鍵選 Lock),移動上層元件時就不會誤拖。
注意事項
它不是正式文件工具。 手繪風格用在對內討論很好,但要交給客戶或放進正式規格書,可能不夠正式。這種場合 Miro 或專業的架構圖工具比較合適。
文字轉圖表有極限。 它擅長線性流程與明確的關係,遇到很複雜、有大量條件分支的邏輯,生出來的圖往往需要大改。我的判斷是:用它產出七成的骨架,剩下三成自己畫。
機密資訊要留意。 圖檔本身存在本機沒問題,但文字轉圖表會把你的描述送出去處理。畫公司核心架構時,敏感的服務名稱與網段建議先代換掉。真的很在意就自架——它是開源的,這也是很多公司選它的原因。
免費版沒有雲端備份。 存在瀏覽器本機的代價是換裝置、清快取就沒了。重要的圖記得手動匯出存檔,這點吃過虧的人不少。
TheAI學院 評語
Excalidraw 在圖表工具這個擁擠的市場裡,靠的不是功能多,而是摩擦少。免註冊、免付費、貼連結就能共編,這三件事加起來,讓它成為少數「臨時要畫個圖」時大家真的會用的工具。
文字轉圖表的設計我特別欣賞:它沒有假裝 AI 能一步到位,而是老實地把中間產物(Mermaid)暴露給你改。這種「AI 做八成、人改兩成,而且讓你改得動」的設計,比黑盒子式的一鍵生成務實太多。
評語:Excalidraw 贏在摩擦小到沒有藉口不用;它的 AI 不是要取代你畫圖,而是幫你跳過從零開始的那五分鐘。
給台灣工程與產品團隊的具體建議:把它當成「討論用」的預設工具,正式交付再換別的。如果你的公司對資料外流敏感,直接評估自架——開源這件事在這種時候特別值錢。另外,強烈建議跟語言模型搭配使用,讓模型產 Mermaid、你在 Excalidraw 調版面,這個組合的效率遠高於單獨用任何一邊。想找更多把 AI 接進日常工作的做法,可以看看站上的任務情境與提示詞範本。
資料來源
依公開資訊整理,功能與方案以官方最新公告為準。
常見問題
Excalidraw 要付費嗎?免費版有什麼限制?
核心編輯器完全免費、開源,而且不用註冊帳號,打開瀏覽器就能畫,檔案存在你的瀏覽器本機。付費的是 Excalidraw+,主要買的是雲端儲存、團隊工作區與更完整的協作管理。一般個人使用與臨時協作,免費版就非常夠用。
文字轉圖表是怎麼運作的?畫不出來怎麼辦?
它的流程是先用 AI 把你的文字描述轉成 Mermaid 語法,再把 Mermaid 渲染成 Excalidraw 畫布上的圖形。所以如果生成結果不對,最有效的做法不是一直改中文描述,而是直接去看它產出的 Mermaid 語法哪裡錯,手動改那段——這比反覆換句話快得多。
Excalidraw 可以畫哪些類型的圖?
透過 Mermaid 支援流程圖、循序圖、類別圖等,2026 年再加入狀態圖(State Diagram)與實體關係圖(ERD),並提供專門的 Mermaid 語法編輯器讓複雜圖表更精確。手繪模式則不限類型,白板、架構草圖、簡報示意都可以。
資料會不會外流?可以在公司內部用嗎?
免費版的圖檔預設存在瀏覽器本機,不會自動上傳,這對敏感內容相對友善。但文字轉圖表功能牽涉把你的描述送去生成,涉及機密架構時要留意。真正在意的話,Excalidraw 是開源的,可以自架,這是不少公司採用它的主因。