Diagrams for VS Code

Markdown Preview Mermaid SupportMatt Bierner

#1

Adds Mermaid diagram and flowchart support to VS Code's builtin markdown preview

Draw.io IntegrationHenning Dieterichs

#2

This unofficial extension integrates Draw.io into VS Code.

MermaidMermaid

#3

The official Mermaid Editor plugin by the Mermaid open source team, now with AI-powered diagramming! Create, edit and preview diagrams seamlessly within VS Code

Mermaid PreviewMermaid OSS

#4

Mermaid diagram previewer for Visual Studio Code, now maintained by the creators of Mermaid.js

Excalidrawpomdtr

#5

Draw schemas in VS Code using Excalidraw

PlantUML PreviewerMebrahtom Guesh

#6

Plantuml previewer for visual studio code editor

Mermaid Editortomoyukim

#7

Live editor for mermaid.js in Visual Studio Code

ERD Editordineug

#8

Entity-Relationship Diagram Editor VSCode Extension

UMLetThe UMLet Team

#9

Free UML Tool for Fast UML Diagrams

vscode-drawioeightHundreds

#10

drawio editor

vscode-mindmapSouche

#11

mindmap for vscode

Draw.io Integration: Mermaid pluginnopeslide

#12

Mermaid plugin for Draw.io Integration

tldrawtldraw

#13

The tldraw extension for VS Code.

Mermaid Graphical Editorcorschenzi

#14

GUI support for editing Mermaid(But Now, Support Flowchart and Sequence diagram, Class diagram, ER diagram, and State diagram Only).

classdiagram-tsAlexShen

#15

Generates class diagram for typescript projects

Call GraphLuoZhihao

#17

call graph for vscode

md-graphIan J Sikes

#18

Visualize your markdown files as a network graph. Easily navigate files and see relationships.

flowchartzcfrank1st

#19

dsl to generate flowchart

Markdown Mermaid Expand to PNGLuis Alves Martins

#20

Replaces Mermaid code blocks with PNGs and vice versa

Eraser DiagramsEraser Labs

#21

Preview and create Eraser diagrams in VS Code

J2UMLlcww

#22

This is an extention to extract UML from java.

Text to Flowchart in Markdown (Tefcha)hrhr49

#23

Add support to convert pusedo code to flowchart in vscode's builtin markdown preview

Mermaid ViewerUtkarsh Shigihalli

#24

View your Mermaid diagrams with independent theming, exports, and focused previews.

Infinite CanvasLuis Fernando

#25

A powerful visual canvas editor for VS Code with full Obsidian Canvas compatibility. Create infinite mind maps, diagrams, and visual workflows with AI-powered content generation and markdown support.

code-notebook-plantumlPrasanth

#26

Plantuml support for markdown notebook in vscode

sqlER Diagram EditorMartin Walls

#27

VSCode extension for editing entity-relationship diagrams

ERD VisualizerDukeabaddon

#28

Design, inspect, and export entity-relationship diagrams from SQL or JSON without leaving VS Code.