什麼是流程圖？
流程圖是使用形狀和箭頭來表示工作流、流程和演算法的視覺化圖表。每個形狀代表流程中的一個步驟，箭頭顯示流向和方向。流程圖是商業、軟體開發和流程文件中最廣泛使用的圖表類型之一，因為它能將複雜的流程轉化為易於理解的視覺化表示。
編輯與預覽
使用 Mermaid 語法創建 流程圖，即時查看效果。
Example
Flowchart example
A simple Mermaid flowchart showing how code becomes a live preview and exportable PNG.
Mermaid code
graph TD
A[User opens Mermaid Editor] --> B[Write Mermaid code]
B --> C{Preview looks right?}
C -- Yes --> D[Export PNG]
C -- No --> E[Edit diagram]
E --> B常見使用場景
業務流程梳理
記錄和優化業務工作流、審批流程和標準操作流程。幫助團隊理解複雜的業務邏輯並識別瓶頸。
軟體開發
視覺化程式邏輯、演算法流程和系統架構。對於規劃程式碼結構、除錯和技術文件編寫至關重要。
決策樹
用條件分支映射決策過程。非常適合故障排除指南、客戶支援工作流和邏輯驗證。
使用者流程設計
規劃網站導航、應用使用者旅程和互動流程。幫助 UX 設計師視覺化使用者路徑並優化轉化漏斗。
核心功能
多種形狀類型
支援矩形、菱形、圓形和自訂形狀，用於表示不同的流程步驟、決策和起止點。
方向流控制
可以創建任意方向的流程（從上到下、從左到右、從下到上），具有靈活的箭頭路由和自動佈局優化。
條件分支
使用簡單的文字語法對決策點、並行流程和循環結構進行複雜邏輯建模。
子圖組織
將相關流程分組到子圖中，在複雜圖表中實現更好的組織和視覺層次。
最佳實踐
保持簡潔
將每個流程圖限制為一個流程或決策流。將複雜流程拆分為多個圖表以提高清晰度。
使用標準符號
遵循標準流程圖約定：矩形表示流程，菱形表示決策，橢圓表示起止點。
清晰標註所有內容
為流程步驟使用簡潔、面向行動的標籤。使用是/否或真/假標籤明確決策點。
測試流程
從頭到尾瀏覽流程圖，確保所有路徑都有意義，沒有死胡同或無限循環。
探索其他圖表類型
時序圖
記錄不同角色或系統之間隨時間的互動。適用於 API 文件和系統設計。
類別圖
以類別、屬性和關係建模物件導向系統。軟體架構規劃不可或缺的工具。
狀態圖
呈現系統或應用程式中的狀態轉換。非常適合建模生命週期狀態和工作流程。
甘特圖
規劃和追蹤專案時程及任務依賴關係。非常適合專案管理和排程。
ER 圖
設計包含實體和關係的資料庫架構。適用於資料庫建模和文件。
使用者旅程
繪製使用者在各接觸點的體驗和互動。非常適合 UX 設計和顧客旅程分析。
Git 圖
視覺化 Git 分支策略和提交歷史。有助於說明版本控制工作流程。
心智圖
組織創意、腦力激盪和建立層次化視覺結構。適合規劃和知識管理。
圓餅圖
以圓形圖表展示資料比例分布。適合顯示百分比和市場份額分析。
時間線
沿時間軸視覺化事件和里程碑。適合專案歷史和路線圖展示。
看板
將任務按工作流階段組織到欄中。適合敏捷專案管理和任務追蹤。
四象限圖
在雙軸網格上繪製項目進行比較和優先順序排定。適合功能優先順序和策略分析。
桑基圖
用比例箭頭視覺化節點間的流量。適合能源流、預算分配和轉化漏斗。
XY 圖表
建立帶有可自訂座標軸的長條圖和折線圖。適合資料視覺化和趨勢分析。
區塊圖
用行列排列的區塊建構結構化佈局。適合系統架構和元件概覽。
架構圖
使用服務圖示和連線設計雲端和系統架構。適合基礎設施文件。
封包圖
視覺化網路協定封包結構和位元級欄位佈局。適合網路協定文件。