vscode-drawio
An unofficial VS Code extension that integrates the Draw.io diagram editor directly into your IDE.
What is vscode-drawio?
hediet/vscode-drawio is an unofficial Visual Studio Code extension that integrates the Draw.io (diagrams.net) diagram editor directly into the IDE. It allows developers to create, edit, and manage diagrams in formats like .drawio, .drawio.svg, and .drawio.png without leaving their coding environment. The extension solves the problem of context switching by embedding a full-featured diagram tool within VS Code.
Developers, technical writers, and teams who use VS Code and need to create or maintain diagrams, flowcharts, or architecture visualizations as part of their workflow.
Developers choose this extension because it eliminates the need for external diagram tools, supports collaborative editing via Live Share, and enables deep integration like linking diagram nodes to source code symbols, all while working offline by default.
Overview
This unofficial extension integrates Draw.io (also known as diagrams.net) into VS Code.
Use Cases
Best For
- Creating architecture diagrams alongside code in VS Code
Related Projects
Found a gem we're missing?
Open-Awesome is built by the community, for the community. Submit a project, suggest an awesome list, or help improve the catalog on GitHub.
