Copilot Draw.io
Generate and edit draw.io diagrams using natural language, powered by GitHub Copilot.
Features
- Natural Language to Diagram — Describe what you want in plain text, get a draw.io diagram instantly
- Image to Diagram — Attach a screenshot or image and have it recreated as an editable draw.io diagram
- Iterative Editing — Refine your diagram through conversation: add nodes, change layouts, update styles
- Live Preview — Diagrams render in a built-in draw.io WebView panel with full editing support
- Export — Save diagrams as
.drawio or .svg files
Usage
- Open the Copilot Chat panel in VS Code
- Type
@copilot-drawio followed by your request:
@copilot-drawio draw a flowchart: user login → auth check → dashboard
@copilot-drawio create an architecture diagram with frontend, API gateway, and 3 microservices
- The diagram appears in the preview panel. Continue the conversation to refine it.
Attach an image to your chat message and ask @copilot-drawio to recreate it:
@copilot-drawio recreate this diagram
Requires a vision-capable model (e.g. GPT-4o, Claude).
Requirements
License
MIT
| |