#flowchart

Mermaid NG — Visual Editor

NGPowerToys

WYSIWYG, drag-and-drop visual editor for AI-friendly Mermaid diagrams — what you see is what you get. For architects and developers — build, edit, and round-trip flowcharts, sequence, class, ER, and state diagrams across .md and .mmd files. Multi-sheet (draw.io style), fully offline (Mermaid 11.15.0

Mermaid Preview — 100% Offline

brainfkt

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

Azure DevOps YAML Pipeline Viewer

pires11d

Visualize Azure DevOps YAML pipelines as flowcharts with full template resolution

Schema Editor

ginexys

Visual diagram editor for VS Code. Build circuit schematics, ERDs, FSM state machines and flowcharts. Edit SVG files with a full node-and-wire canvas, domain kits and export to SQL DDL, Mermaid and XState.

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.

Markdown マーメイドビジュアルエディタ

Hashi-Kazu

Mermaidのガントチャート／フローチャートを、ドラッグ&ドロップ等でコードを手書きせずにビジュアル編集できるVS Code拡張機能

Draw.io

emait

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

Arch Studio

rbcesar

Visual Mermaid diagram editor with rich annotations, powered by ReactFlow

Generate beautiful architecture and flowchart images from Mermaid or text using gpt-image-2-all

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

Mermaid Node Editor

SS-inkwright

A sidebar editor for Mermaid flowchart nodes — rename an ID and every edge updates with it.

Render Mermaid diagrams in VS Code's built-in Markdown preview (Cmd/Ctrl+Shift+V). Self-contained — bundles Mermaid, no network needed.