What I Use to Make Diagrams

Posted on Feb 19, 2025

There’s tools like Miro and Lucidchart which are very good for making diagrams and have cool multiplayer(gen z talk) features but with 2 major drawbacks:

  • separate from code
  • not free

The payed part can be ignored even though it’s a pain to switch tools every new company and not being to use it in personal projects but the separation from code does not cut it for me.

I’ve been using draw.io and exporting pngs for quite a while but recently I discovered a vscode plugin that fixed it all for me.

Draw.io Integration

A vscode plugin that lets you make a diagram.drawio.svg file(notice the .svg), edit it as a drawio diagram and just save it back!

It saves it as an svg without having to export anything and it still contains the diagram emmbeded into the svg so it can be eddited again! No more manual exports or sharing links to miro!

drawio

I like it and will continue using it further.

Thinks to consider:

  • unofficial extension
  • there is multiplayer but much more annoying to set up
  • your manager/po is likely not keen on installing any vscode