Real-time PlantUML diagram preview for Visual Studio Code.
Features
- Real-time preview — Diagrams re-render as you type.
- Interactive zoom and pan — Scroll to zoom, click-drag to pan.
- Export — SVG, PNG, PDF, and Draw.io formats.
- Syntax highlighting — Built-in grammar for
.pumland.plantumlfiles. - Snippets — Prefix completions like
uml,seq,class,activity,state,usecase,alt,loop,note. - Diagnostics — Flags missing
@enduml, unclosedalt/loop/noteblocks, stray@enddirectives, unknown diagram types. - Outline & folding — Diagram and declared symbols (participants, classes, states, …) show up in the outline;
@start…@endand block scopes fold. - Copy helpers — Commands to copy the encoded source, server URL, or a ready-to-paste Markdown image link.
- Configurable server — Use the public PlantUML server or your own.
Quick Start
- Open any
.pumlor.plantumlfile. - Run PlantUML: Open Preview from the Command Palette (
Ctrl+Shift+P).
Settings
| Setting | Default | Description |
|---|---|---|
plantuml.server.url |
https://www.plantuml.com/plantuml |
PlantUML server URL. |
plantuml.preview.debounceMs |
300 |
Delay before refreshing the preview (0 -- 5000 ms). |
Local Server
docker run -d -p 8080:8080 plantuml/plantuml-server:jetty
{ "plantuml.server.url": "http://localhost:8080/plantuml" }