Excalidraw

開源手繪風白板,免註冊就能畫;內建文字轉圖表、線框轉程式碼,Excalidraw+ 還能讓 AI 代理透過 MCP 直接畫圖

免費或付費 4.4 / 5
一句話介紹:開源手繪風白板,免註冊就能畫;內建文字轉圖表、線框轉程式碼,Excalidraw+ 還能讓 AI 代理透過 MCP 直接畫圖

Excalidraw 是很多工程師與產品經理的隨手白板:打開 excalidraw.com 不用註冊就能畫,畫出來的線條帶點手繪的抖動感,看起來像討論中的草稿而不是定案,反而讓人更敢在上面改。它在 GitHub 上開源,官網引了 Andrej Karpathy、Guillermo Rauch 等人的推薦,也被 Notion、Obsidian 等工具整合。舊稿提到它「加了 AI 功能」,現在官網上的 AI 已經分成三塊,付費版 Excalidraw+ 也長出一整套團隊功能。

AI 的三塊分別是:Text to diagram,用文字描述要的流程圖或架構圖,在聊天視窗或編輯器裡直接生成,生成後還是可以逐一拖拉修改的普通圖形;Wireframe to code,把你畫的線框圖轉成可互動的網頁 mockup;以及 Mermaid to Excalidraw,把 Mermaid 語法的圖表轉成可編輯的手繪風格圖。最新的是 MCP,Excalidraw+ 用戶可以讓 Claude 這類 AI 代理直接畫進你的工作區,搭配同樣在公開測試中的 REST API。

功能特色與適用場景:免費版有完整編輯器、1 個無限畫布、不限人數即時協作、每天 10 次 AI,匯出 PNG、SVG 或存成檔案,資料在瀏覽器端做端對端加密。Excalidraw+ 加上不限數量的畫布與資料夾、雲端儲存、編輯/唯讀權限、嵌入連結、留言、語音通話與螢幕分享、用 frame 做簡報並匯出 PDF 或 PPTX,AI 額度變成每天 100 次,也可以自帶 API 金鑰不受次數限制,並通過 SOC 2 Type 2。常見用途是系統架構圖、UML、App 線框圖、會議中的腦力激盪,以及面試時讓應徵者畫系統設計。

給台灣使用者的建議:介面有繁體中文可以切換,文字轉圖表用中文描述也能動,但生成的節點文字最好再檢查一次。手寫風字型對中文的呈現跟英文不太一樣,要拿去正式簡報前先匯出看看效果。個人或小團隊用免費版就很夠,連結分享即可共編;要給客戶看又不想讓對方亂改,才需要 Excalidraw+ 的唯讀連結與權限管理。要注意付款只收信用卡、不接受銀行轉帳,公司報帳若一定要發票或匯款,得先跟財務確認。

TheAI學院 編輯建議

編輯實測後的真心話
4.4

Excalidraw 是我心中「做好一件事」的代表,免註冊就能畫這點十年後應該還是它的護城河。AI 功能不花俏但很實際,尤其 Mermaid 轉手繪和 MCP,讓它從白板變成 AI 代理可以動手畫的畫布。

— theai 編輯團隊

主要功能

  • 手繪風無限畫布,免註冊即可使用並即時多人協作
  • Text to diagram:用文字描述生成可再編輯的流程圖與架構圖
  • Wireframe to code 線框轉互動 mockup,Mermaid 語法轉手繪風圖表
  • Excalidraw+ 支援 MCP 與 REST API,讓 AI 代理直接在工作區畫圖
  • frame 簡報模式,付費版可匯出 PDF 與 PPTX
  • 瀏覽器端端對端加密,付費版另有雲端儲存與權限管理

如何使用 Excalidraw

  1. 直接開瀏覽器進 excalidraw.com,免註冊、免安裝,畫布立刻開好就能動手,不用先辦帳號。
  2. 從左上工具列選矩形,箭頭與文字,畫流程圖時先拉方塊,再用箭頭把方塊接起來,線條會自動吸附。
  3. 想用 AI 生成圖表,點右上選單找 Text to diagram,用英文描述流程例如 user login flow,生成後可再手動微調。
  4. 選取物件後左側會出現樣式面板,調手繪風的線條粗細,填色與字型,繁中文字直接輸入即可正常顯示。
  5. 要多人協作點右上 Share,開 Live collaboration 產生連結,把網址貼到 LINE 或會議室,對方進來即時同畫。
  6. 完成後用檔案選單匯出 PNG 或 SVG,勾選只匯出選取範圍或含背景,投影片與文件直接貼用。
  7. 想保留原始檔就存成 .excalidraw 檔,下次拖進畫布即可續編,格式開源不怕被鎖住。

適用場景

  • 工程師用 Text to diagram 快速畫出微服務架構草圖再手動微調
  • 產品經理在會議中邊討論邊畫 App 線框圖,再用 Wireframe to code 轉成 mockup
  • 把文件裡的 Mermaid 流程圖轉成手繪風,放進簡報更好讀
  • 技術面試讓應徵者共用畫布畫系統設計
  • 讓 AI 代理透過 MCP 根據規格文件直接在 Excalidraw+ 畫出流程圖

Excalidraw 的優點與缺點

優點

  • 免費版不用註冊就有完整編輯器與即時協作,上手零門檻
  • AI 生成的是可拖拉的普通圖形,不是一張死圖,修改很方便
  • 開源且有大量社群圖庫(Libraries),常用圖示不用自己畫

缺點

  • 免費版只有 1 個畫布、AI 每天 10 次,常用的人很快不夠
  • 手繪風不適合需要精確尺寸的工程圖或正式報表
  • 付費只接受信用卡,公司採購流程可能卡關

價格方案

免費版永久免費(1 個無限畫布、AI 每天 10 次);Excalidraw+ 每人每月 6 美元起(年繳約省 14%),可試用 14 天,含雲端儲存、AI 每天 100 次或自帶金鑰、MCP 與 REST API。僅支援信用卡付款,以官網為準

Excalidraw 常見問題

Excalidraw 要錢嗎?

免費版永久免費,免註冊,含完整編輯器、1 個無限畫布、即時協作與每天 10 次 AI。Excalidraw+ 每人每月 6 美元起,可試用 14 天。實際以官網為準。

Excalidraw 的 AI 能做什麼?

有 Text to diagram(文字生成圖表)、Wireframe to code(線框轉可互動 mockup)、Mermaid to Excalidraw;Excalidraw+ 另支援 MCP,讓 AI 代理直接在你的工作區畫圖。

Excalidraw 支援中文嗎?

介面可切換繁體中文,畫布上也能輸入中文。手寫風字型對中文的呈現和英文略有不同,正式使用前建議先匯出確認。

Excalidraw 和 tldraw、Miro 怎麼選?

[tldraw](/tools/tldraw) 同樣是輕量開源白板,偏開發者嵌入;[Miro](/tools/miro) 是功能完整的企業協作白板,範本與整合多但較重。只想快速畫草圖、架構圖,Excalidraw 最順手。

使用者評價

還沒有足夠評價,搶先分享你的使用心得!

寫下你的評價

評論將經審核後公開。

Excalidraw 的替代方案

查看相似的 AI 工具 →

相關 AI 工具

猜你也想看的AI 創作與內容生成

Excalidraw 相關文章與教學

Excalidraw 評測:值得用嗎?

Excalidraw 實測評測

Excalidraw 是一個走「手繪風」的線上白板工具,你畫出來的方框、箭頭、線條都帶點歪歪的素描感,刻意不工整。別小看這個風格——它讓畫出來的架構圖、流程圖看起來像「還在討論中的草稿」,反而鼓勵大家放心改,不會因為太精美而不敢動。它本身免費開源,打開網頁就能畫,不用註冊。

近一兩年它也加了 AI 能力,可以用文字描述生成圖表(text-to-diagram)、把手繪的線框轉成程式碼雛形,對工程師畫系統圖、出 wireframe 蠻省事。

優點:零門檻、開啟即用,多人即時協作順手;手繪風降低「圖要畫得漂亮」的心理負擔,特別適合腦力激盪與技術討論。開源、可自架,資料能自己掌握,在意隱私的團隊很愛。匯出 PNG、SVG 都乾淨。

缺點:它的定位就是輕量白板,要做精緻的簡報或正式設計稿並不適合;元件庫、範本生態遠不如專業設計工具;AI 功能偏輔助,別期待它幫你生出完整成品。離線與進階協作(版本管理)在免費版較陽春。

適合誰:工程師、產品團隊畫架構圖、流程圖、wireframe,以及任何需要快速把想法視覺化討論的人。不適合:要做正式設計稿或精美簡報的人。

替代方案:要正式 UI 設計用 Penpot 或 Figma;要 AI 生成簡報可看 Gamma;純概念整理也可搭 Whimsical。我們給 4.4 分。

本評測由 TheAI學院編輯群整理,內容力求客觀、含優缺點,僅供參考。

最後更新:2026年10月

前往官網 ↗