A powerful VS Code extension for previewing and exporting PlantUML diagrams directly in your editor. Perfect for software architects, developers, and anyone who needs to create UML diagrams as code.
Features ✨
Live Preview: See your diagrams update in real-time as you type
Simple Zoom: Use mouse wheel to zoom in/out, drag to pan
Export Options: Save your diagrams as SVG or PNG with one click
Syntax Highlighting: Makes your PlantUML code beautiful and easy to read
Multiple Diagram Types: Support for sequence, class, component, deployment, and more
Context Menu Integration: Quick access to preview and export options
Online Rendering: Uses PlantUML's online server - no local installation needed
Usage 🚀
Open a .puml, .plantuml, or .pu file
Click the preview icon (🔍) in the editor title bar
Watch your diagram come to life in the preview panel!
Diagram Controls 🖱️
Zoom: Use mouse wheel to zoom in/out
Pan: Click and drag to move around the diagram
Reset: Click the reset button to restore default view
Export Your Diagrams 📤
Right-click in your PlantUML file and choose:
"Export as PNG" for bitmap images
"Export as SVG" for vector graphics
Requirements 📋
Visual Studio Code version 1.74.0 or higher
Internet connection for diagram rendering
Installation 📦
Open VS Code
Go to Extensions (Ctrl+Shift+X / Cmd+Shift+X)
Search for "PlantUML Viewer"
Click Install
Configuration ⚙️
Access settings through VS Code's settings (Ctrl+,):
