21 Comments
User's avatar
Er0r's avatar

You can try excalidraw.

Link: https://excalidraw.com/

Expand full comment
Giuseppe Santoro 🚢's avatar

Even though I love excalidraw for System Design live interviews, this is not a Diagrams as Code tool.

Expand full comment
Hiren's avatar

I am more interested in what ByteByteGo guys uses to draw their diagrams.

Expand full comment
genco's avatar

It is so cool,I really want to know,but has no answer.

Expand full comment
Manuranga Perera's avatar

Another addition : https://dreampuf.github.io/GraphvizOnline/

This is similar to above dot-to-ascii.ggerganov.com, but this generates png/svg

Also check out our project https://ballerina.io/

We generate diagrams from the code and vice versa.

Expand full comment
Thịnh Nguyễn's avatar

Free sequence diagram tool : https://sequencediagram.org/

Flowchart diagram : https://whimsical.com/

Hand-draw Diagram: https://excalidraw.com/

Expand full comment
Whoami's avatar

These are really awesome, thanks! Hopefully you guys can give some insight on animation software like for your bytebytego youtube channel! :)

Expand full comment
David Okwii's avatar

I would really also like to know which animation software he's using for creating the youtube videos. I have a Youtube educational channel of my own and I would wish to add some animation to the explanations too. Thanks.

Expand full comment
Amir Ali Mir's avatar

I would really like like to know the software used for animation as well. It really helps in explaining the concepts well.

Expand full comment
Whoami's avatar

I think they disclosed it elsewhere, it was just After Effects.

Expand full comment
Aliya Sultana's avatar

Try www.code2diagram.com and select any diagram you need. No setup or installation is required, just use a simple code to generate the best diagram.

Expand full comment
Aliya Sultana's avatar

Try www.code2diagram.com and select any diagram you need. No setup or installation is required, just use a simple code to generate the best diagram.

Expand full comment
viet le's avatar

I would like to add D2 to the list

https://d2lang.com/tour/intro

Expand full comment
Slava Vedernikov's avatar

Try C4InterFlow - open-source Architecture as Code framework - https://github.com/SlavaVedernikov/C4InterFlow

Expand full comment
Mohamed's avatar

have you figure this out, does anyone know what tool do they use at ByteByteGo?

Expand full comment
Giuseppe Santoro 🚢's avatar

I have just published an article about Diagrams as Code at https://cloudnativeengineer.substack.com/p/enhancing-software-design-with-diagrams.

I explore in great details what you can achieve with PlantUML with examples showing Kubernetes services, Sequence diagrams, and AWS network diagrams.

Expand full comment
Hamlet Hakobyan's avatar

Hi Alex, thanks for pointing out that very interesting tools. But I'm wondering what tools you are using to create animations in videos in ByteByteGo YouTube channel?

Thanks in advance.

Expand full comment
nebulous's avatar

code2flow.com is my go-to for flowcharts.

Expand full comment
Mark Meeus's avatar

Great writeup! I am developing a solution of my own, scratching my own itch. A simple api to create box-and-arrow types of diagrams, with animation. It is still in a very early alpha stage, and still largely undocumented: https://boxtales.io

Expand full comment
Sandeep's avatar

Suppar explain code

Expand full comment