7 種 UML 狀態類型
用簡單、複合、起始、結束、選擇、分岔與匯合等狀態,完整建模你的系統流程——一個工具就能涵蓋 UML 的核心詞彙。
Features
專注 UML 狀態圖製作的工具,讓你用更清晰、更快速、更好協作的方式完成圖表。
用簡單、複合、起始、結束、選擇、分岔與匯合等狀態,完整建模你的系統流程——一個工具就能涵蓋 UML 的核心詞彙。
在每一條箭頭上加入條件與事件標籤,讓審閱者一眼就知道每次狀態變化由什麼觸發。
可在任一狀態的左側或右側附上註解,用來記錄前提假設、邊界案例或商業規則,不會讓整張圖變得雜亂。
一鍵在「由上到下」與「由左到右」版面之間切換,依你的工作流程與螢幕尺寸最佳化呈現方式。
提供 Default、Forest、Dark、Neutral 等主題樣式,隨時切換以符合你的品牌風格或簡報情境。
面對大型狀態圖也能順暢縮放與拖移;一邊掌握全局脈絡,一邊再深入查看細節。
Data input
把狀態與轉移內容直接打在編輯器中,或用自然語言描述你的工作流程,讓 AI 幫你自動整理並生成圖表。
把任何文件中的狀態清單或轉移表格複製後直接貼進編輯器,快速完成建模。
(Pro)匯入含狀態與轉移資料的 CSV 或 Excel 檔案,即可自動產生流程圖與圖形。
用英文或簡單描述你的系統邏輯,AI 會替你整理狀態、轉移與流程結構,省去繁瑣設定。
Share
將你的 UML 狀態圖以高解析度 PNG 或 SVG 下載,方便放進文件、簡報與報告中使用。
一鍵產生你的狀態圖直連網址,立即分享給同事或利害關係人。
只要一段嵌入代碼,就能把你的狀態圖放到任何網站或 wiki — 不需要額外工具。
清晰銳利的向量輸出,無論縮放到任何大小都維持高品質 — 特別適合簡報、白板與技術文件。
MakeCharts 是一款免費線上圖表與流程圖工具,主打「清楚」與「快速」。我們的 UML 狀態圖製作器結合了結構化的視覺化編輯器與 AI 生成功能,讓你不必學習複雜的專業軟體,也能輕鬆建模狀態機。一次完成、隨處分享。
Workflow
把每個狀態依序加入:先填上狀態名稱,並選擇它的類型(簡單 simple、開始 start、結束 end、選擇 choice、分岔 fork、匯合 join)。如有需要,也可加上一段簡短描述,幫助自己與團隊快速理解該狀態代表的情境。
用有標籤的轉移把各狀態串起來。選定「From(來源)」與「To(目標)」狀態後,再設定觸發移動的事件或條件。這樣就能清楚呈現系統在不同狀態之間如何流動。
在關鍵狀態加上註解,讓圖表更好懂。接著選擇主題與版面方向,最後即可匯出為 PNG 或 SVG,或透過分享連結直接傳給同事與客戶。
Use cases
把應用程式中「物件、工作階段或請求」如何在不同狀態之間移轉清楚記錄下來,從建立初始化開始,一直到結束終止為止。
把畫面、對話框與功能在不同情況下如何切換,清楚視覺化,讓設計師與開發人員在所有邊界情況(edge cases)上都能一致理解。
用狀態圖建模核准流程、工單生命週期與政策狀態,讓利害關係人能更放心地審閱、追蹤每一步,並完成簽核。
用清晰的視覺範例來說明有限狀態機、圖靈機與協定狀態圖,特別適合用於課堂講義、研究文章或技術分享。
範本
用狀態圖梳理客戶問題陳述流程:分眾識別、痛點驗證、影響量化到主管核可,一鍵產出可拿去討論的版本。
問題陳述範本(狀態圖版)statediagram使用免費狀態圖模板,清楚描繪問題解決流程:從偵測到識別、根因分析到最終修復。
適用於任何流程的狀態圖範本statediagram使用免費狀態圖範本,快速整理狀態、轉換與判斷點。立即繪製訂單流程、系統生命週期等。
清楚看見每個狀態與轉換statediagram用免費狀態機圖範本快速整理系統各狀態與轉換。支援訂單流程、核准流程與取消流程,一鍵清楚呈現。
有限狀態機(FSM)範本statediagram用有限狀態機模板快速繪製清晰的狀態圖與狀態轉換圖,適用電商流程、App 邏輯與複雜工作流程設計。
相關工具
Comparison
為什麼要從 Visio、draw.io 或 Lucidchart 換到更快的做法?
FAQ
UML 狀態圖(也稱為狀態機圖)用來描述某個物件或系統可能處於的不同「狀態」,以及狀態之間的「轉換」。它屬於 Unified Modeling Language(UML)標準的一部分。狀態圖常用於軟體設計、商業分析與系統工程,協助把某個系統隨時間的行為呈現出來。
在狀態編輯器中新增狀態:先選擇標籤與狀態類型(Simple、Composite、Start、End、Choice、Fork、Join),接著在狀態之間建立轉換,為每個轉換加入觸發事件或條件標籤。也可以加入備註、選擇版面方向與配色主題,再匯出或分享。若使用 AI 模式,只要用自然語言描述流程,工具就能自動生成完整狀態圖。
是的。MakeCharts 完全免費使用,不需要註冊。你可以免費建立、客製化並下載 UML 狀態圖。免費方案包含所有核心圖表類型、PNG 匯出,以及有限的 AI 點數。付費方案則能解鎖每月更多 AI 圖表、SVG 匯出與進階功能。
編輯器支援 7 種 UML 狀態類型:Simple State(簡單狀態)、Composite State(複合狀態)、Start State(起始狀態)、End State(結束狀態)、Choice Point(選擇節點)、Fork Point(分流節點)、Join Point(匯流節點)。這些涵蓋 UML 2.x 狀態機標準所需要的完整表示法。
當然可以。MakeCharts 主要面向需要文件化物件生命週期、工作階段流程、通訊協定狀態等「狀態機」需求的軟體工程師。你可以用 Choice Point 建模複雜分支邏輯,用 Fork/Join 建模平行流程,並可為任何狀態加入內嵌註解,讓圖表更清楚易懂。
在設定面板中打開「Transitions(轉換)」區塊,點選「Add Transition」。接著在下拉選單中選擇「From State(起始狀態)」與「To State(目標狀態)」,並為觸發事件或條件加入標籤(例如:'Payment confirmed')。如需補充背景,也可選擇性加入描述。轉換會立即顯示在即時預覽的圖表上。
可以。你可以點擊匯出按鈕,把 UML 狀態圖下載成高品質 PNG(適合簡報與文件),或下載成 SVG(適合在網頁與設計工具中進行可縮放使用)。SVG 匯出支援 Starter 方案及以上。
有。MakeCharts 提供 AI 模式:你只要用英文或白話描述系統,例如「an e-commerce order goes from pending to processing, then shipped or cancelled」,AI 就能根據內容自動生成完整狀態圖,包含合適的狀態、轉換與狀態類型。每個方案都包含免費 AI 點數。
可以。使用分享功能生成一個連結,任何人都能透過連結查看你的圖;或複製嵌入程式碼,把圖表加入網站、Wiki 或文件管理平台。你不需要為觀看者另外建立帳號,分享連結即可開啟。
你可以在「Chart Settings(圖表設定)」面板中切換版面方向:Top to Bottom(由上到下)或 Left to Right(由左到右)。版面會即時更新,讓你依照工作流程與螢幕空間選擇最合適的顯示方向。
Start now
免費、快速,而且不需要註冊。
免註冊。你的第一張狀態圖 2 分鐘內就能完成。