#system design

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

Diagram Weaver

abhijeetnardele

Generate hand-drawn, minimalist Mermaid diagrams using native VS Code Language Models.

Atlas Architecture Maps

ebubechi-ihediwa

Interactive architecture maps and dependency visualization for modern codebases.

Little Oxford

smith-street-software

Live architecture diagrams in VS Code — your AI agent writes a loose system model, you drag and refine it as a diagram.

Fulax (Beta)

TakumiSaito

Pro-grade Visual System Design Tool for Engineers (OpenAPI & DB)