PlantUML 編輯器

蜜蜂工具箱的免費線上 PlantUML 編輯器,用文本語法繪製流程圖、時序圖、用例圖、類圖、狀態圖、元件圖等 UML 圖,即時預覽,一鍵匯出 SVG 與高畫質 PNG,支援自定義渲染服務地址。

用文本語法繪製專業 UML 圖,即時預覽。 PlantUML 讓你用簡潔的宣告式文本描述各種 UML 圖與架構圖,右側即時渲染成清晰的向量圖。預設使用公網 PlantUML 渲染服務,你也可以在上方填寫自建/私有渲染服務地址,內容僅在本地編輯、按需渲染。

PlantUML 語法速查

PlantUML 是什麼

PlantUML 由 Arnaud Roques 建立,是一種用文本生成圖表的開源領域語言。相比於拖拽式畫圖,文本化讓你可以用版本控制系統管理圖表,也能方便地批次生成。

常用圖表速查

  • @startuml / @enduml —— 每張圖都必須用這對標籤包裹。
  • 流程圖(activity) —— 用 :步驟; 表示活動,if (條件) then (yes) ... else (no) ... endif 表示分支,start/stop 表示起止。
  • 時序圖(sequence) —— actor 定義參與者,A -> B: 訊息 表示訊息,--> 表示返回,activate/deactivate 控制生命線。
  • 用例圖(usecase) —— usecase "名稱" as UC,actor --> UC 表示關聯關係,<.. 表示包含/泛化。
  • 類圖(class) —— class Animal { +String name +eat() },Animal <|-- Dog 表示繼承,: +bark() 表示方法。
  • 狀態圖(state) —— [*] --> 狀態,狀態 --> [*] 表示起止,狀態 --> 另一狀態 : 觸發 表示轉移。
  • 元件圖(component) —— 用 package 分組,[元件A] --> [元件B] 表示依賴。

實戰建議

  1. 善用 titlelegend 增加可讀性。
  2. 複雜圖用 package / rectangle 分割槽,避免連線交叉。
  3. skinparam 調整顏色、字型、圓角等外觀。
  4. 左側修改示例,右側即時看到渲染結果。

開源許可宣告:圖表渲染由 PlantUML 提供支援,遵循 MPL 2.0 / LGPL 3.0 / ASL 2.0 三許可。Copyright (c) 2009-2024 Arnaud Roques。

常見問題

什麼是 PlantUML?
PlantUML 是一個開源工具,通過簡單的文本描述自動生成 UML 圖與各類架構圖,支援流程圖、時序圖、用例圖、類圖、狀態圖、元件圖、部署圖等。
圖表會儲存或上傳嗎?
編輯器內容儲存在你瀏覽器的本地快取中(重新整理不丟失),但繪製時需要把文本發往你配置的渲染服務地址以生成圖片。使用預設公網服務時,圖表文本會發送至 plantuml.com。
可以改用私有/自建服務嗎?
可以。在“渲染服務地址”中填寫你自己的 PlantUML 服務根地址(例如 https://your-host/plantuml),匯出與複製圖片需該服務開啟跨域(CORS)支援。
支援哪些圖型別?
支援 PlantUML 的全部型別:活動圖、時序圖、用例圖、類圖、物件圖、狀態圖、元件圖、部署圖、時序圖、甘特圖、思維導圖等。
匯出 SVG/PNG 會失真嗎?
SVG 是向量圖,任意放大都不會模糊;PNG 由渲染服務按所選倍數(1x–4x)生成,適配大多數文件插圖。