商業 / 圖表

流程圖製作器:Mermaid預覽與簡易製作器

使用Mermaid文字建立流程圖並即時預覽。新增流程、決策、開始-結束和輸入-輸出節點,以標籤連接節點,或從3個自製範本開始。

流程圖製作器:Mermaid預覽與簡易製作器: 使用Mermaid文字撰寫流程圖,或使用製作器新增步驟、決策與連線,並在輸入時即時查看圖表更新。從範例開始,接著複製文字,或將流程圖下載為SVG或PNG。 全程在瀏覽器中於本機執行,檔案不會上傳至伺服器。

使用次數
在瀏覽器中
費用
免費・免註冊
可用狀態
可立即使用
流程圖產生器本機處理

全程在瀏覽器中執行

簡易建置工具

輸入時預覽會即時更新。建置工具會在您的文字後方附加陳述式。設定指令、自訂樣式和點選處理程式已停用。

正在產生預覽…

流程圖語法

Mermaid的流程圖語言支援節點、連線和帶標籤的決策。此工具支援該語言的流程圖部分;建立工具會將新行加入文字末尾。官方語法:https://mermaid.js.org/syntax/flowchart.html

安全性與授權

圖表會在瀏覽器中使用Mermaid繪製。Mermaid是採MIT授權的開放原始碼程式庫,並以嚴格安全模式執行:不允許標籤中的HTML、點擊動作和設定區塊,因此貼上的圖表無法執行程式碼。官方安全性設定:https://mermaid.js.org/config/schema-docs/config-properties-securitylevel.html

使用方式

  1. 選擇流程、決策樹或登入範本,或輸入Mermaid流程圖文字。
  2. 使用製作器新增節點,再輸入現有節點的ID並選擇性地為連線加上標籤。
  3. 修正顯示的語法錯誤,然後下載SVG、PNG或Mermaid文字。

隱私與限制

Mermaid文字只會在您的瀏覽器中處理。不會上傳或儲存至本機儲存空間。設定指令、回呼、圖片與外部資源皆已停用。

相關工具

常見問題

製作器如何為節點命名?

它會使用下一個尚未使用的N編號ID。若要連接節點,請從文字中輸入節點的ID。製作器會安全地編碼引號、括號和其他標籤標點符號。

我可以使用所有Mermaid圖表類型嗎?

此工具只接受流程圖或圖形語法。其他圖表類型請使用現有的Mermaid編輯器。

錯誤會如何顯示?

Mermaid提供行號時,解析器錯誤會顯示行號。安全性錯誤與輸入限制錯誤則會顯示另外的訊息。

這些範本是從其他地方複製的嗎?

不是。簡易流程、決策樹和登入流程都是專為此工具撰寫的原創短篇範例。

免費工具・使用在瀏覽器中次・免註冊