DEV Community

What is your favorite flowcharts/diagramming tools.

Levi Velázquez on April 24, 2019

A lot of times, we need to create a flow diagram to integrate two or more APIs/Systems/Interfaces or describe certain processes. Sometimes it could...
Collapse
 
yashsway profile image
Yash Kadaru

I found whimsical.co recently, and I have to say after a long, long search, this is the one. It's beautiful and it works.

Collapse
 
levivm profile image
Levi Velázquez

I'll take a look.

Collapse
 
_2082ca7cc65434467c4fb profile image
袁官东

you can try iCraft Editor

Collapse
 
t0nghe profile image
Tonghe Wang • Edited

Hey Yash, thanks a million for this suggestion. I love it. I don't know how it looked back in 2019, but it is mind-blowingly good now.

Collapse
 
davids profile image
David

+1 for draw.io

You can draw pretty much any diagram with it and it runs anywhere.

Collapse
 
thefern profile image
Fernando B 🚀

Use draw.io and StarUml.
Balsamiq is awesome too. Most often I use pencil and paper to draw ideas first and then transfer to the computer later.

Collapse
 
brandonskerritt profile image
Autumn

Hey! I use Lucid chart for well, everything. Even my blog post cover images are made in lucid chart 😅 the free vertis great. It has templates for everything, and tutorials on anything related to diagramming!

Their UML tutorial is by far my most go to tutorial in the web 😂

Collapse
 
levivm profile image
Levi Velázquez

Yep, I just started using it and I liked it, it is very pretty. Also, creating a connection between blocks is very easy.

Collapse
 
ruslana_8a944a5 profile image
Ruslana

I’d also recommend checking out dAIgram OCR! It’s a free tool that converts diagrams into editable formats, making it super convenient for tweaking existing diagrams. It's here: daigram.app/

Collapse
 
bertilmuth profile image
Bertil Muth

I like PlantUML for UML-ish diagrams.

Collapse
 
ebendutoit profile image
Eben du Toit

Google Drawings has all the basics if you have a gmail account.

Collapse
 
001101 profile image
001101

Looks like advertisement

Collapse
 
juanfrank77 profile image
Juan F Gonzalez

Lucid chart is pretty solid!

Collapse
 
_2082ca7cc65434467c4fb profile image
袁官东

If you need to design 3D software architecture diagram, you can try iCraft Editor : icraft.gantcloud.com/editor

Collapse
 
jacobgoh101 profile image
Jacob Goh

Generation of diagram and flowchart from text in a similar manner as markdown
github.com/mermaid-js/mermaid

Collapse
 
alexisgahon profile image
Alexis Gahon

Actually, I am giving a try to this fantastic tool: code2flow

Collapse
 
levivm profile image
Levi Velázquez

This looks amazing. Good suggestion.