PLANTUML ONLINE / 16 TEMPLATES

PlantUML 在线编辑器

用文字画图:改一行字,图自动更新。

沙箱渲染 · 不保存代码
Ctrl/⌘+Enter 立即刷新

在左侧写 PlantUML 代码或选一个模板,图会显示在这里。

按需连接下一步

素材做好后,继续连接你的业务

图片与文档工具按页面说明免费使用。需要网站监控、企业询盘和团队通知时,可创建公司账号或直接联系我们。

新公司享 14 天 Pro 试用,无需绑卡;试用不含付费月度积分。

已有公司账号?打开对应工作台 →

怎么用

  1. 选一个和你要画的图最接近的模板,或直接粘贴已有的 PlantUML 代码。
  2. 改左侧的文字,右侧约 1 秒后自动更新;出错时图里会标出出错的行。
  3. 下载 SVG 放进文档或网页,下载 PNG 发给同事;复制分享链接可以把整张图连同代码发给别人继续改。

支持的图表类型

开头写法图表
@startuml … @enduml时序、用例、类、活动、组件、状态、部署、ER 图
@startgantt甘特图(项目计划)
@startmindmap思维导图
@startwbs工作分解结构 WBS
@startjson / @startyamlJSON、YAML 数据结构
@startsalt界面线框图
nwdiag { … }网络拓扑图
!include <C4/C4_Container>C4 架构图(内置标准库)

常用语法速查

写法作用
A -> B : message实线箭头(同步调用)
A --> B虚线箭头(返回)
alt / else / end条件分支
loop … end循环
:step;活动图里的一步
if (paid?) then (yes)活动图判断
|Sales|活动图泳道
note right: text注释
skinparam monochrome true黑白输出,适合打印
' comment单行注释(单引号开头)

常见问题

PlantUML 是什么?

PlantUML 是用纯文本描述图表的开源工具:写一行「买家 → 业务员 : 询价」就生成一条时序消息。文本可以放进 Git、文档和工单里,改起来比拖拽画图快,也方便团队协作和版本对比。

我的图会被保存或公开吗?

不会。预览时代码发送到本站服务器渲染成图片后立即丢弃,不保存、不记录;服务器以沙箱模式运行 PlantUML,不能读取文件或访问网络。分享链接把代码压缩在链接里,只有拿到链接的人能看到。

为什么中文显示正常、导出 PNG 也清晰?

预览和 SVG 由你的浏览器用本机字体显示;PNG 也是在浏览器里按 2 倍分辨率从 SVG 生成,所以中文、日文等文字不会变成方框。

支持 !include 引用外部文件吗?

为了安全,不能引用本地文件或网址;PlantUML 自带的标准库可以用,例如 C4 架构图库(C4/C4_Container)和 AWS 等图标库。

PlantUML 在线编辑器实用指南与常见问题

什么是PlantUML 在线编辑器?

代码发送到本站服务器,用 PlantUML 1.2024 在沙箱模式下渲染成 SVG:不能读取服务器文件、访问网络或环境变量,渲染完立即丢弃;没有 Graphviz 的图(类图、用例图等)自动改用内置的 Smetana 布局引擎。

适合谁用,什么时候用?

写方案、SOP、接口文档和系统设计的产品经理、工程师、运营和外贸团队;需要快速画时序图、流程图、类图或甘特图并放进文档时使用。

如何使用PlantUML 在线编辑器?

选一个模板或粘贴 PlantUML 代码,边写边预览,下载 SVG 或 2 倍清晰度 PNG,复制分享链接把图和代码一起发给同事。

如何理解PlantUML 在线编辑器的结果?

渲染结果与官方 PlantUML 一致,但不支持引用本地文件或网址;标准库(C4、AWS 图标等)可以用。PNG 在浏览器里从 SVG 生成,字体取决于你的电脑。

内容在哪里处理,会提交到哪些服务?

预览时 PlantUML 代码发送到本站服务器渲染,渲染后不保存、不记录;分享链接里的代码只保存在链接本身。