vscode-drawio is a VS Code extension that integrates Draw.io diagramming into the editor.
The extension solves the problem of creating and editing diagrams without leaving VS Code or using external tools. It embeds an offline version of Draw.io directly into the editor, allowing developers to work with diagrams as native files. The tool supports multiple file formats including .drawio, .drawio.svg, and .drawio.png, with the SVG and PNG variants being valid image files that can be embedded directly in repositories without requiring separate export steps.
Developers should choose this extension if they want diagram editing integrated into their workflow without context switching. It suits projects where diagrams need to be version-controlled alongside code, particularly when using .drawio or .drawio.svg formats for better diff visibility. The extension is especially valuable for teams using VS Code Liveshare, as it enables real-time collaborative diagram editing with cursor and selection visibility. The code link feature allows nodes labeled with symbol names to jump directly to their definitions in the codebase, bridging diagrams and implementation.
The project maintains active development with regular feature additions and refinements. The extension has evolved to include extensive Liveshare support for remote collaboration and whiteboarding scenarios. The code link feature, initially a sponsored capability, has been made freely available to all users. The tool supports multiple Draw.io themes and includes format conversion utilities, indicating ongoing attention to user experience and flexibility.
