puml.online使用技巧 - 在线画好看的时序图/类图等

Updated 8/13/2026, 12:22:44 PM

puml.online使用技巧 - 在线画好看的时序图/类图等

puml.online是一个在线工具网站,网址是: https://puml.online. 它里面其实集成了plantuml,mermaid和exclidraw三个画图工具。这个网站的好处有几点:

  1. 打开网页就能开始画,不用二次跳转,打开速度快。适合干活想省事的工程师。不用很多弯弯绕。
  2. 集成了模板,可以直接选一个模板开始写。某类图不会画的时候,或是语法不记得了,可以直接找。
  3. 集成了内置主题,可以直接选,不用手动写代码,节省时间。

打开即用

打开之后的界面长这样,首页直接就是一个编辑框,你可以直接编辑,右侧就渲染了:

截图 2026-08-13 20-04-00.png

如果你嫌窗口小不方便,可以点击右上角的工具条,上面有个Maximize Window,可以让工具填满浏览器。就是这样:

截图 2026-08-13 20-15-03.png

选择模板

点Template按钮,会打开一个模板对话框给你选择,注意,选择后,模板的内容会替换掉编辑器的内容,所以最好先选再编辑,或者拷贝编辑区内容到别的地方再选模板:

截图 2026-08-13 20-04-11.png

选择主题

点Theme按钮,可以切换主题,内置了几十个主题,可以切换下显示效果:

截图 2026-08-13 20-04-57.png

比如说其中一个主题是这样的:

截图 2026-08-13 20-05-11.png

切换mermaid/exclidraw

左上角的工具条有三个按钮,plantuml/mermaid/exclidraw,这三个按钮点击了就会切换编辑器,切换前要注意保存内容:

截图 2026-08-13 20-20-44.png

安全和隐私

mermaid和exclidraw是纯网页版的。plantuml有后端服务器(因为js版本功能不全),但完全不会存储用户内容,只负责渲染。