Skip to content
| Marketplace
Sign in
Visual Studio Code>Programming Languages>PlantUML Live PreviewNew to Visual Studio Code? Get it now.
PlantUML Live Preview

PlantUML Live Preview

Mulugeta MT

| (0) | Free
Real-time PlantUML diagram preview
Installation
Launch VS Code Quick Open (Ctrl+P), paste the following command, and press enter.
Copied to clipboard
More Info

PlantUML Live Preview

Real-time PlantUML diagram preview for Visual Studio Code.

PlantUML Live Preview

Features

  • Real-time Preview: See your diagrams update as you type.
  • Interactive Zoom & Pan: Easily navigate complex diagrams.
  • Multiple Export Formats: Export your diagrams to SVG, PNG, or PDF.
  • Integrated Syntax Highlighting: Better readability for PlantUML files.
  • Split View Support: Keep your editor and preview side-by-side.

How to Use

  1. Open any .puml or .plantuml file.
  2. Click the Preview icon in the editor title bar or run the command PlantUML: Open Preview.
  3. Start editing your diagram!

Requirements

The extension connects to the public PlantUML Server (https://www.plantuml.com) by default to render diagrams. An active internet connection is required unless configured to use a local server.

Extension Settings

(Optional settings to follow in future updates)

Release Notes

1.0.0

Initial release of PlantUML Live Preview with full real-time support.

  • Contact us
  • Jobs
  • Privacy
  • Manage cookies
  • Terms of use
  • Trademarks
© 2026 Microsoft