實用工具
輸入
結果
結果會顯示在這裡。Mermaid 用幾行文字就能畫出圖表，GitHub、GitLab、Notion 和大多數文件工具都能顯示——但當圖表顯示不出來，或需要把它當成圖片放進簡報、設計文件時，你會想單獨看看它。貼上程式碼，這個編輯器就在頁面裡用 Mermaid 本身轉譯，有四種主題可選。語法錯誤會附上 Mermaid 自己的訊息和行號；圖表正確時，會傳回預覽，以及可以下載或貼進設計工具的 SVG 程式碼。
它是怎麼運作的
- 執行的是 Mermaid 函式庫（第 12 版），它支援的圖表類型都能用：流程圖、循序圖、類別圖、狀態圖、ER 圖、甘特圖、圓餅圖、心智圖、時間軸等。
- 標籤以 SVG 文字繪製，而不是內嵌 HTML，所以檔案在 Figma、Inkscape 或瀏覽器分頁中開啟都一樣。
- Mermaid 以嚴格安全模式執行：停用點擊處理和標籤中的 HTML，預覽以圖片顯示，貼上的程式碼無法執行腳本。
- Mermaid 檔案較大，只會在你第一次執行這個工具時下載。
你的資料去了哪裡
哪也沒去。本工具完全在你的瀏覽器裡執行：你貼上的文字由頁面處理，不會傳輸到任何伺服器，也不會寫進任何紀錄。
本工具免費且免登入，執行結果只存在於你目前的頁面裡，不會被儲存到任何地方。
它要花多少
本工具完全免費，不需要登入，也不消耗點數。
常見問題
- 為什麼我的圖表出現解析錯誤？
- Mermaid 會指出出錯的行和它預期的內容。常見原因是標籤裡有括號、引號或冒號——用雙引號包起來，例如 A["Label (v2)"]——箭頭少了目標，或第一行的圖表類型關鍵字拼錯或漏寫。
- 可以匯出 PNG 而不是 SVG 嗎？
- 這個工具輸出 SVG，任意縮放都清晰，也是文件網站內嵌的格式。需要 PNG 的話，用本站的 SVG 轉 PNG 工具開啟下載的 SVG，依你選的解析度轉換。
- 在 GitHub 上看起來會一樣嗎？
- 版面配置出自 Mermaid，所以結構相同；但 GitHub 使用自己的 Mermaid 版本和主題，主題會跟隨讀者的淺色或深色模式。很新的語法在 GitHub 升級之前可能無法使用。
- 可以讓 AI 幫我寫 Mermaid 程式碼嗎？
- 可以——本站的 AI Mermaid 圖表工具能用你自己的 API 金鑰，把一段文字描述轉成 Mermaid 程式碼。把它的輸出貼到這裡檢查並轉譯即可。
背後的開源專案
本工具執行在 mermaid-js/mermaid 之上，以 MIT 授權發布。如果你需要在自己的程式裡實作同樣的能力，直接用這個函式庫。
mermaid-js/mermaid也常被稱作
- mermaid 線上編輯器
- mermaid 轉 svg
- mermaid 流程圖
- mermaid 線上預覽
- mermaid live editor
- mermaid 循序圖