Visualize your ideas and include them instantly as Chat context. Draw diagrams, sketches, flowcharts, and architectural designs directly in VS Code, then seamlessly share them with GitHub Copilot Chat for analysis, review, and quick prototyping.
Features
Integrated Drawing Canvas: Full-featured drawing interface powered by TLDraw
AI-Powered Analysis: GitHub Copilot can see and understand your drawings
Robust Context: Provides Copilot with both visual and serialized data for in-depth understanding
Installation
Install the extension from the VS Code Marketplace
Ensure you have GitHub Copilot Chat enabled in VS Code
Usage
Starting the Drawing Canvas
Open the Command Palette (Ctrl+Shift+P / Cmd+Shift+P)
Run the command Copilot Draw: Start Drawing
A new panel will open with the drawing interface
Using with GitHub Copilot Chat
Create your drawing using the full-featured drawing tools
Open GitHub Copilot Chat
Reference your drawing using #drawing in your prompt, or just ask a question in Agent mode.
Ask questions like:
"Explain this diagram"
"What improvements can you suggest for this architecture?"