PlantUML Live Preview

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 .puml and .plantuml files.
Snippets — Prefix completions like uml, seq, class, activity, state, usecase, alt, loop, note.
Diagnostics — Flags missing @enduml, unclosed alt/loop/note blocks, stray @end directives, unknown diagram types.
Outline & folding — Diagram and declared symbols (participants, classes, states, …) show up in the outline; @start…@end and 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.

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).

docker run -d -p 8080:8080 plantuml/plantuml-server:jetty

{ "plantuml.server.url": "http://localhost:8080/plantuml" }