Skip to content
| Marketplace
Sign in
Visual Studio Code>Machine Learning>Diagram WeaverNew to Visual Studio Code? Get it now.
Diagram Weaver

Diagram Weaver

Abhijeet Nardele

|
3 installs
| (0) | Free
Generate minimal, hand-drawn diagrams using VS Code's native Language Model API.
Installation
Launch VS Code Quick Open (Ctrl+P), paste the following command, and press enter.
Copied to clipboard
More Info
Diagram Weaver

Diagram Weaver

Version VS Code Free

No API key. No setup. Just instant architecture diagrams.


🖼️ Output Preview

Diagram Weaver Output


⚡ Why Diagram Weaver?

Feature Diagram Weaver Eraser.io Draw.io
Works inside VS Code ✅ ❌ ❌
Zero API key needed ✅ ❌ ❌
Auto-scans your project ✅ ❌ ❌
Dark-mode output ✅ ✅ ❌
100% Free ✅ ❌ ❌

🚀 How To Use

Option 1 — Auto-Scan (Zero Prompt)

  1. Open any project in VS Code
  2. Press Ctrl+Shift+P → type "Diagram Weaver: Weave Diagram"
  3. Leave the prompt empty and hit Enter
  4. Your full architecture diagram appears instantly ✨

Option 2 — Custom Prompt

  1. Press Ctrl+Shift+P → "Diagram Weaver: Weave Diagram"
  2. Type anything: "Draw a REST API with JWT auth and MongoDB"
  3. Done!

Option 3 — Copilot Chat

@diagram draw a microservices architecture with API Gateway
@diagram /explainProject       → scans your whole workspace
@diagram /fromSelection        → diagrams your selected code
@diagram /generateDocs         → creates ARCHITECTURE.md

⚙️ Requirements

  • VS Code v1.93.0+
  • GitHub Copilot Chat (free tier works)

Made with ❤️ by Abhijeet Nardele

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