VS Code Extensions

Tags

#uml

Mermaid Preview — 100% Offline

Mermaid Preview — 100% Offline

brainfkt

Offline-first Mermaid diagram preview for VS Code—with professional export, no account, and no required network connection.

Programming Languages Visualization #keybindings
366 5.0
PlantUML Local

PlantUML Local

kkdev92

Render ```plantuml code blocks in the built-in Markdown preview. No Java, no server, no network connection — your diagram source is rendered locally.

Programming Languages Visualization #java
90
EA Bridge - Enterprise Architect Integration for VS Code

EA Bridge - Enterprise Architect Integration for VS Code

itemis-ag

View and process Enterprise Architect models in VS Code without EA

Programming Languages Visualization #python
77
Edit Diagrams with draw.io

Edit Diagrams with draw.io

electropol-fr

Edit your draw.io diagrams (app.diagrams.net).

Visualization #keybindings
76
VS UML Modeling

VS UML Modeling

YoavFrandzel

UML class, sequence, and state diagram modeling with a shared workspace model.

Visualization #json
64
Mermaid Diagram Debugger Visualizer

Mermaid Diagram Debugger Visualizer

74nu5

Preview Mermaid diagrams from string variables while debugging — flowcharts, sequence, class, state, ER, Gantt and 20+ more diagram types rendered inline. No browser, no internet, no Node.js required.

Tools Tools/Coding #debugging
62
PlantUML Live Editor

PlantUML Live Editor

peterder72

Private, offline PlantUML preview with live flags, named views, pan, zoom, and SVG/PNG export.

Visualization #preview
51
Draw.io

Draw.io

emait

This extension brings draw.io directly into Azure DevOps, so you can view, create and edit your diagrams.

Azure Boards #architecture
36
annotron — Markdown preview, Mermaid diagrams & point-and-click review

annotron — Markdown preview, Mermaid diagrams & point-and-click review

hueanmy

Preview Markdown & HTML with Mermaid diagrams (flowchart, sequence, class, ER, C4, gantt), outline navigation, and point-and-click review. A human-in-the-loop layer for AI coding agents (Claude Code, Cursor): comment on any element or text, auto-apply feedback via the integrated agent loop, sync edi

Visualization Notebooks #html
25 5.0
Apex Diagram

Apex Diagram

alesik

Visualize Salesforce Apex class dependencies as an interactive UML-style diagram.

Visualization #salesforce
24
DrawIt for VS Code

DrawIt for VS Code

ChamukaLabs

Create and edit DrawIt diagrams with AI generation — directly in VS Code.

Programming Languages Visualization #ai
14
Alat / Dependency Graph

Alat / Dependency Graph

GSuleimanov

Visualize your codebase as an interactive dependency graph. Explore call graphs, class diagrams, and code structure for any language.

Programming Languages Visualization #code analysis
8