Diagrams

Explain an idea as an interactive isometric machine diagram in HTML

Create validated interactive HTML diagrams of systems and architectures

Create flat, minimal educational SVG diagrams as HTML pages

Create hand-drawn Excalidraw JSON diagrams for architecture, flows and sequences

Draw code changes as animated architecture and data-flow SVG diagrams

Build explorable isometric architecture atlases as HTML pages

Script and drive offline tldraw whiteboard canvases from code

Generate flowcharts, architecture and sequence diagrams in FigJam through Figma

Work in FigJam boards and diagram files through the Figma MCP tool

Turn a description or Mermaid source into an Excalidraw file, SVG and PNG

Turn an article or memo into a clickable capability map with workflow loops

Make sticky-note flowcharts with curved SVG connectors and cursor-driven nodes

Draw hand-drawn Excalidraw diagrams with animated SVG and PNG export

Create validated architecture, sequence and ERD diagrams as explorable standalone HTML

Draw static SVG figures for lessons, READMEs and manuals with legibility checks

Build an interactive isometric page that explains a process step by step

Build animated, interactive SVG figures that show how a system works

Render Mermaid diagrams to SVG and PNG with the Beautiful Mermaid library

Create editorial HTML and SVG diagrams in 45 types, from flowcharts to org charts

Create, edit and export Draw.io diagrams from the command line

Create, edit and render Mermaid diagrams as flowcharts and sequence diagrams

Generate scientific diagram drafts for pathways, architectures and flowcharts

Create and edit Obsidian JSON Canvas files with nodes, edges and groups

Generate, validate and render flowcharts, sequence, ER and architecture diagrams

Create and edit draw.io diagram files with mxGraph XML, shapes and layouts

Generate draw.io diagrams and export them to PNG, SVG or PDF with embedded XML

Generate D2 database diagrams from Entity Framework Core models and migrations

Generate Excalidraw diagrams for flowcharts, mind maps and system architecture

Draw breadboard circuit layouts and retro schematics on an HTML5 canvas

Sketch on a browser whiteboard and share drawings with Copilot for feedback

Generate ASCII art diagrams with PlantUML text mode for terminals and plain text

Draw the smallest diagram that shows control flow, call depth or module ownership

Render blueprint-style SVG diagrams for flows, architectures and state machines

Create Mermaid flowcharts, sequence diagrams, ERDs and architecture diagrams

Make patent-compliant line drawings and convert them to filing-ready TIFF or PDF

Generate publication-quality scientific diagrams with iterative AI quality review

Create dark-themed SVG diagrams for architecture, flowcharts, sequences and mind maps

Create and edit tldraw canvas files with boxes, arrows, notes and frames

Generate editable SVG architecture and pipeline diagrams from a JSON spec

Generate Mermaid flowcharts, sequence diagrams, ER diagrams and Gantt charts

Export and edit Lark whiteboards embedded in cloud docs as images or node data

Create SVG technical diagrams for architecture, UML and workflows, exported as PNG

Rebuild reference images as editable Draw.io diagrams with rendered previews

Generate self-contained HTML explainers for architecture, diffs, plans and data

Create editable draw.io diagrams from descriptions, code and API schemas

Build self-contained HTML visual explainers for plans, PRs and architectures

Draw whiteboard-style flowcharts with sticky-note nodes and curved SVG connectors

Turn protocol source, RFCs and ProVerif models into Mermaid sequence diagrams

Generate Mermaid call graphs, class hierarchies and attack-surface diagrams from code