實用工具

AI Mermaid 圖表產生器

用文字描述流程或系統,產生流程圖、循序圖、類別圖、ER 圖或甘特圖的 Mermaid 程式碼。

自備 Key 或官方託管AI 助手4.4萬
到哪裡取得 Key

Key 只在你的瀏覽器裡。Key 由瀏覽器直接傳給服務商,不經過我們的伺服器,我們不記錄也不保存。建議使用專門建立、設有額度上限的 Key,用完及時到服務商後台刪除。

輸入

結果

結果會顯示在這裡。

Mermaid 用幾行文字就能畫出圖表,GitHub、GitLab、Notion、Obsidian 和大多數文件工具都能直接渲染,所以越來越多架構文件用 Mermaid 撰寫,而不是匯出一張誰都改不了的圖片。慢就慢在手寫語法。用白話描述註冊流程、付款呼叫鏈或資料模型,選好圖表類型,模型只回傳 Mermaid 程式碼——沒有程式碼區塊標記、沒有說明文字——可以直接貼進 Markdown 檔案。想看渲染結果,或手動修改某個標籤,把程式碼貼進本站的 Mermaid 編輯器即可。

它是怎麼運作的

  • 提示詞改編自 Fabric 的 create_mermaid_visualization 模式:保留了「圖表要能獨立看懂」的要求,拿掉文字解說段落以確保輸出是純程式碼,並補上一組 Mermaid 語法規則。
  • 這些規則專門針對產生的圖表最常見的渲染失敗原因:含括號或非 ASCII 文字的標籤沒加引號、節點取名為 end、alt 和 loop 區塊沒有閉合、甘特圖任務名稱裡帶冒號。
  • 標籤和訊息文字沿用你輸入時的語言,ID 和關鍵字則依解析器要求維持 ASCII;模型不得不做的假設會寫成 %% 註解,而不是悄悄編進圖裡。
  • 描述文字由瀏覽器直接送到 AI 服務商,並以你自己的 Key 簽署;畫圖的請求很小,一把額度上限卡得很緊的臨時 Key 就綽綽有餘。

你的資料去了哪裡

使用自備 Key 時,你輸入的內容和 Key 由瀏覽器直接傳送給你選擇的 AI 服務商,不經過 hysenlabs 的伺服器。使用官方託管時,內容經我們的伺服器轉送給我們的服務商(DeepSeek),以 credits 計費;我們只記錄每次執行的 Token 數和成本用於計費,從不保存你輸入的內容和回傳的結果。服務商如何處理這些內容,以它自己的隱私權政策為準。

本工具會接觸金鑰與憑證,因此任何一次執行都不會被儲存,連你自己的歷史裡也不會有。

關於你的 API Key

我們承諾不會收集、儲存或洩漏你的 Key:它只保存在目前頁面的記憶體裡(除非你勾選「在此分頁記住」),關閉頁面即消失。但任何 Key 只要在網頁裡用過,都值得多一分小心——建議專門為這裡建立一把設有額度上限的 Key,用完後及時到服務商後台刪除或輪換。

它要花多少

本工具完全免費,不需要登入,也不消耗點數。

常見問題

程式碼渲染不出來,先檢查什麼?
把程式碼貼進 Mermaid 編輯器,看解析器回報錯誤的那一行。常見原因有三個:帶括號或引號的標籤沒用雙引號包起來;alt 或 loop 區塊後面漏了 end;模型還是加了 ```mermaid 程式碼區塊標記——刪掉即可。換一個更大的模型重新產生,也能修正大部分語法失誤。
該選哪一種圖?
有判斷分支的流程選流程圖;服務之間或人與人之間依時間先後往來的請求選循序圖;物件模型選類別圖;資料庫資料表及其對應基數選 ER 圖;有工期和相依關係的計畫選甘特圖。拿不定主意時選流程圖,它最寬容。
能讀我的程式碼並畫出來嗎?
把程式碼當作描述貼進來,要求畫類別圖或循序圖,通常能得到一張說得過去的草圖。但它只看得到你貼上的內容,分散在多個檔案裡的呼叫鏈畫出來會不完整,最好只擷取想畫的那一部分。
為什麼沒有顏色和樣式?
樣式語法是產生的 Mermaid 最常出錯的地方,而且 GitHub、文件網站和各種編輯器的主題各不相同。程式碼把樣式交給渲染器處理;等結構確認無誤後,再自行加上 classDef 即可。

背後的開源專案

本工具的提示詞改編自 danielmiessler/Fabric(MIT),由你選擇的模型執行。想在命令列或自己的程式裡批次使用同樣的能力,可以直接使用這個專案。

danielmiessler/Fabric

也常被稱作

  • mermaid 流程圖
  • ai 流程圖產生器
  • 文字轉流程圖
  • mermaid 循序圖
  • er 圖產生
  • 甘特圖製作