Skip to content
| Marketplace
Sign in
Visual Studio Code>Chat>Copilot Draw.ioNew to Visual Studio Code? Get it now.
Copilot Draw.io

Copilot Draw.io

Boyka Chongyang Zhu

|
1 install
| (0) | Free
Use Copilot to generate draw.io diagrams via natural language
Installation
Launch VS Code Quick Open (Ctrl+P), paste the following command, and press enter.
Copied to clipboard
More Info

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

  1. Open the Copilot Chat panel in VS Code
  2. 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
  1. The diagram appears in the preview panel. Continue the conversation to refine it.

Image Input

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

  • VS Code 1.99.0+
  • GitHub Copilot Chat extension

License

MIT

  • Contact us
  • Jobs
  • Privacy
  • Manage cookies
  • Terms of use
  • Trademarks
© 2026 Microsoft