21 Comments

You can try excalidraw.

Link: https://excalidraw.com/

Expand full comment

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

Expand full comment

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

Expand full comment

Draw.IO and Canva.com

Expand full comment

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

Expand full comment

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

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

Flowchart diagram : https://whimsical.com/

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

Expand full comment

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

Expand full comment

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

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

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

Expand full comment

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

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

I would like to add D2 to the list

https://d2lang.com/tour/intro

Expand full comment

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

Expand full comment
May 3·edited May 3

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

Expand full comment

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

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

code2flow.com is my go-to for flowcharts.

Expand full comment

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

Suppar explain code

Expand full comment