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)生成,适配大多数文档插图。