Dev tools · alternatives · 2026
24 alternatives to Collaboratively Edit Diagrams in VS Code with Draw.io
This unofficial extension integrates Draw.io (also known as diagrams.net) into VS Code. - vscode-drawio/README.md at 14209ad462028cbf7013bc8e094bf0fc6e811d30 · hediet/vscode-drawio
Draw.io is a VS Code extension that lets developers create and edit diagrams directly within the editor. It integrates diagram creation into the development workflow, allowing teams to collaborate on visual designs… Below are 24 products that do a similar job, ranked by how close each is in meaning and then by launch-day votes. Collaboratively Edit Diagrams in VS Code with Draw.io launched in 2020; newer entries below may have overtaken it.
- 1
This unofficial extension integrates Draw.io (also known as diagrams.net) into VS Code. - vscode-drawio/README.md at 8d7bce826184e98fdccef1fad17dd78abb29090d · hediet/vscode-drawio
2020 · github.com · its alternatives →
- 2
An extension for VS Code that visualizes data during debugging. - vscode-debug-visualizer/extension at master · hediet/vscode-debug-visualizer
2020 · github.com · its alternatives →
- 3
Edit HTML files visually. Contribute to urin/vscode-web-visual-editor development by creating an account on GitHub.
2024 · github.com · its alternatives →
- 4
In the past I've used declarative diagram generation tools like Mermaid.js a lot for quickly drawing up things but for presentations or deliverables I find that I have to then move the generated diagrams over to a tool like Lucidchart which allows full control of the organization and customization. Therefore I am now working on this to combine the benefits of both into just one tool which can do both functions. The project is certainly in the early stages but if you find yourself making architecture diagrams I'd love to hear your thoughts on the idea or even a Github issue for a feature…
Oct 2025 · github.com · its alternatives →
- 5
An official collection of Sketch extensions & plugins
2016 · sketch.com · its alternatives →
- 6
Free website feedback collaboration and design bug fixing
2017 · canvasflip.com · its alternatives →
- 7
Microsoft's cross-platform text editor for developers
2016 · code.visualstudio.com · its alternatives →
- 8
Visual Editor▲504Edit web apps visually in the Cursor Browser
Dec 2025 · cursor.com · its alternatives →
- 9
Review your code directly in your IDE before you even merge!
2025 · marketplace.visualstudio.com · its alternatives →
- 10
This is a recent addition to Vexlio which I think the HN crowd may find interesting or useful. TL;DR: easy creation of interactive diagrams, meaning diagrams that have mouse click/hover hooks that you can use to display pop-up content. The end result can be shared with a no-sign-in-required web link. My thought is that this is useful for system docs, onboarding or user guides, presentations, etc. Anything where there is a high-level view that should remain uncluttered + important metadata or details that still need to be available somewhere. You can try it out without signing up for…
2017 · vexlio.com · its alternatives →
- 11
Sketch2scheme▲208Convert hand-drawn diagrams into digital schemes
2024 · sketch2scheme.com · its alternatives →
- 12
Vecta is a real time, collaborative SVG editor with a powerful Javascript based plugin system, for teams. Easily extend and automate, or create flowcharts, UML, network, isometric and web diagrams with thousands of included symbols. Export to multiple formats and resolution, including PNG, JPG and m
2017 · vecta.io · its alternatives →
- 13
Recently, I saw Github Next Code Brushes (https://githubnext.com/projects/code-brushes) which is a VSCode extension that can use AI to do things like make your code more readable, add types, etc. This inspired me: what if there was an extension that could use AI to make your code worse as well? Meet Spaghettify. An extension I developed that can do things like: - Obscure your code - Introduce a bug - Make the variable names way too descriptive - Use nonsymmetrical whitespace - Add irrelevant/rambling comments - Document the code with emoji - Document the code in any…
2023 · spaghettify.dev · its alternatives →
- 14
Figure▲13A vs code extension for creating diagrams and sketches
2025 · marketplace.visualstudio.com · its alternatives →
- 15FT
Hey HN! I’m Gabriel, and I’m excited to share a project I’ve been working on for the last few years. Flowcode is a visual programming platform that tries to combine the best of both worlds (code and visual). Over the years I found myself repeatedly drawing architectures and logic. It was always my dream to just press “run” instead of having to write them in code afterwards. But none of the visual tools I found were flexible and transparent enough for building real products. I think that visual programming fits perfectly with modern backend dev tasks that revolve around connecting different…
2025 · app.getflowcode.io · its alternatives →
- 16
I built Nogic, a VSCode extension currently, because AI tools make code grow faster than developers can build a mental model by jumping between files. Exploring structure visually has been helping me onboard to unfamiliar codebases faster. It’s early and rough, but usable. Would love feedback on whether this is useful and what relationships are most valuable to visualize.
Jan 2026 · marketplace.visualstudio.com · its alternatives →
- 17
Diagrams for Mac▲196A diagram editor for visualizing structures and processes
2020 · diagrams.app · its alternatives →
- 18
- 19
(WIP) Turn your VSCode into a decent markdown note taking platform - 0xGG/vscode-crossnote
2020 · github.com · its alternatives →
- 20WV
2020 · visualprogramming.net · its alternatives →
- 21
- 22
A diagram tool that lives inside VS Code
2024 · codediagram.io · its alternatives →
- 23
I'm enthralled with using pen plotters to make generative art. Last August at SIGGRAPH, I built an interactive experience for others to see how code can be used to make visual art. The linked blog post is my trials and tribulations of linking a MIDI controller to one of these algorithms and sending its output to a plotter, so that people may witness the end-to-end experience.
2024 · lostpixels.io · its alternatives →
- 24
draw.io is free online diagram software for making flowcharts, process diagrams, org charts, UML, ER and network diagrams
2014 · db.draw.io · its alternatives →
Also compare
- Collaboratively Edit Draw.io Diagrams in VS Code alternatives
- Visualize Data Structures in VS Code alternatives
- A VSCode Extension to edit HTML visually in real-time alternatives
- Diagram as code tool with draggable customizations alternatives
- Sketch Extensions alternatives
- Collaborate by Visual Inspector alternatives
Ranked by how close each launch is in meaning, then by votes. Prices were read from each product’s own site when checked and can change. Refine with your own description →