Mermaid AI

Mermaid.js 原班團隊的 AI 圖表工具:打字、說話或丟文件就生成流程圖,程式碼與畫布雙向對照

免費或付費 4.2 / 5
一句話介紹:Mermaid.js 原班團隊的 AI 圖表工具:打字、說話或丟文件就生成流程圖,程式碼與畫布雙向對照

這個工具原本叫 Mermaid Chart,網址是 mermaidchart.com,現在已經 301 轉到 mermaid.ai,品牌直接改稱 Mermaid,AI 功能叫 Mermaid AI。背後是開源 Mermaid.js 的原班團隊——就是 GitHub、GitLab、Notion 等平台都支援、用文字語法畫流程圖的那個專案,GitHub 上有九萬多顆星。官網寫的使用者規模是超過 500 萬人、20 萬家公司。

它跟一般拖拉式白板最大的差別,是圖表底下永遠有一份 Mermaid 程式碼。你可以三種方式起手:在畫布裡直接打字描述、用說的,或上傳文件、貼會議逐字稿,Mermaid AI 會判斷該用流程圖、時序圖、需求圖還是時間軸,而且會記住整段對話的脈絡,讓圖跟著你的想法一起長。也可以直接寫 Mermaid 語法,點畫布上的節點會跳到對應程式碼,反過來點程式碼也會標出圖形位置。

功能特色與適用場景:支援的圖表類型包括流程圖、時序圖、甘特圖、ER 圖、時間軸、心智圖、組織圖、方塊圖、狀態圖、Git 圖、使用者旅程、類別圖、圓餅圖與象限圖。編輯上可以對齊節點、重接連線而不用改程式碼,支援即時共同編輯,分享連結對方免登入就能看。整合面有 GitHub Copilot、Confluence,另外有官方 MCP 伺服器,可以在 Claude、VS Code、Cursor 裡直接產生、驗證並渲染圖表。資安上有 SOC 2 與 SSO。

給台灣使用者的建議:最受益的是要寫技術文件的工程師、系統分析師、做系統架構提案的 SI 顧問,以及要畫流程的 PM。用中文描述需求完全可行,節點標籤也能用中文,但介面是英文。免費 Basic 只能存少量小圖,適合試用;常畫圖的人 Plus 就夠,團隊要讓很多人只看不改,Premium 的免費檢視席位比較划算。產出的程式碼可以直接貼進 GitHub README 或 Notion,這點比匯出圖片好維護得多。

TheAI學院 編輯建議

編輯實測後的真心話
4.2

Mermaid 語法本來就是工程師畫圖的通用語言,現在加上 AI 起草,等於把最痛苦的「從零寫語法」這步拿掉了。我最喜歡的是圖永遠是文字,能進 Git 版控;不過免費版額度很緊,常用的話 Plus 跑不掉。

— theai 編輯團隊

主要功能

  • Mermaid AI:打字、語音、上傳文件或逐字稿生成圖表,並保留對話脈絡
  • 程式碼與畫布雙向對照,點節點跳到對應語法
  • 14 種圖表:流程、時序、甘特、ER、心智圖、狀態圖、Git 圖等
  • 即時共同編輯,分享連結免登入檢視
  • 官方 MCP 伺服器:在 Claude、VS Code、Cursor 內產生與渲染圖表
  • 整合 GitHub Copilot、Confluence,具 SOC 2 與 SSO

如何使用 Mermaid AI

  1. 到 Mermaid Chart 官網註冊帳號並登入。
  2. 用 Mermaid 語法撰寫圖表定義。
  3. 或用 AI 從文字生成圖表。
  4. 選擇流程圖、時序圖或架構圖類型。
  5. 即時預覽並調整。
  6. 協作或嵌入到文件。
  7. Diagram as code,適合工程與文件。

適用場景

  • 工程師把 API 呼叫流程寫成時序圖放進 GitHub README
  • 系統分析師上傳需求文件,讓 AI 先產出 ER 圖草稿
  • PM 把會議逐字稿轉成專案時間軸或甘特圖
  • 在 Cursor 或 Claude 裡透過 MCP 直接產生架構圖
  • SI 顧問在提案前快速畫出系統方塊圖與部署流程

Mermaid AI 的優點與缺點

優點

  • 由 Mermaid.js 原班團隊開發,語法相容性最好
  • 圖表底層是文字,可放進 Git 做版本控管
  • AI 會依內容建議合適的圖表類型,不只是畫流程圖

缺點

  • 免費版圖表數量、尺寸與 AI 額度都很有限
  • 複雜排版仍受 Mermaid 自動佈局限制,不如純拖拉工具自由
  • 介面為英文

價格方案

Basic 免費(圖表數量與尺寸受限、少量 AI 額度);Plus 每人每月 10 美元、Premium 每人每月 20 美元(皆年繳,每年 300/2,000 AI 額度);Enterprise 客製。以官網為準

Mermaid AI 常見問題

Mermaid Chart 改名了嗎?

是的,mermaidchart.com 已轉址到 mermaid.ai,品牌改稱 Mermaid,AI 功能稱為 Mermaid AI,開發團隊仍是開源 Mermaid.js 的原班人馬。

Mermaid AI 免費嗎?

有免費 Basic 方案,但圖表數量、尺寸和 AI 額度都有限。Plus 每人每月 10 美元、Premium 每人每月 20 美元(年繳),分別提供每年 300 與 2,000 AI 額度。

不會寫 Mermaid 語法也能用嗎?

可以。直接用自然語言描述、上傳文件或貼逐字稿,AI 會生成圖表,你再用滑鼠微調;想精修時再看底下自動產生的程式碼。

Mermaid 和 Lucidchart、Eraser 怎麼選?

[Lucidchart](/tools/lucidchart) 是成熟的拖拉式圖表工具;[Eraser](/tools/eraser) 也走「程式碼生成圖」路線、偏工程架構圖。Mermaid 的優勢是語法就是業界標準,產出能直接用在 GitHub、Notion 等支援 Mermaid 的地方。

使用者評價

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

寫下你的評價

評論將經審核後公開。

Mermaid AI 的替代方案

查看相似的 AI 工具 →

相關 AI 工具

猜你也想看的AI 開發者工具

前往官網 ↗