VS Code Extensions
Copilot Draw.io

Copilot Draw.io

by BoykaChongyangZhu

Copilot Draw.io is a VS Code extension that uses GitHub Copilot to generate and edit draw.io diagrams from natural language prompts or images. Preview diagrams, refine them through chat, and export them as .drawio or .svg files.

Downloads

506

Rating

— (0)

Version

0.2.0

Last updated

Apr 13, 2026

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

License

MIT