Draw.io is a free Flowchart and diagram creation software for Windows, Linux, macOS and your browser
Flowcharts are incredibly useful diagrams to explain process flows. Remember the phishing flow chart that Martin created in 2011? Or the flowchart about flowcharts?
If you took a computer science class in school or college, you may know how to make one. Even if you don't, it's not difficult to learn how to create flowcharts.
But how do you make them using a computer? Microsoft Office or Libre Office can be used to create flowcharts. But an application like Draw.io that specializes in drawing diagrams can be a better option. I tested the offline version of draw.io, (and only tested it with flowcharts).
You need to visit the website and select Help > Download draw.io Desktop to download the offline application. It is available for Windows, Mac and Linux systems.Â You may also use the online version as it offers similar functionality and may be better if you just want to create a quick chart.
Draw.io has a clean interface with a menu bar on the top, a symbol toolbar on the left, a canvas on the right and a format panel on the right. To get started click on the â€œFlowchartsâ€ option on the left to access the shapes that you need. Use the search bar to find a specific shape quickly.
Adding a symbol in Draw.io is as easy as clicking on it. You can resize the shapes by dragging on the circles that appear, when a shape is selected. To move it, either use the mouse or the arrow keys.
Speaking of arrows, you can add a directional flow arrow in 2 ways, either by selecting an arrow icon from the toolbar, or by deselecting a shape hovering over it and dragging the arrow icon which appears. The latter is the more refined option of the two. You can pull the connecting arrow to a different direction and angle and even create a directional flow which is bent by 90Â°. To connect two shapes select them both and use shift + click; it saves you a lot of time.
Tip: Use Control + mouse wheel to zoom in and out.
Mouse over a shape to clone it and connect it with the new one so you don't have to redraw it. You can customize the layout of the page, enable an outline, use layers and a lot more.
The grid is enabled by default but you can disable it if you want to. Personally, I prefer the grid lines because they ensure the symbols are lined correctly and of the same size. Iâ€™m no expert but the program felt very user-friendly to me. You can check out the documentation for more tips and tricks.
Cross-platform availability and web-app (no registration required)
Draw.io is a cross-platform application which is available as an offline client for Windows, Linux, macOS, ChromeOS, as an add-on for Google Docs, Google Slides, as a stand-alone web-app, or integrates directly with your Dropbox, GitHubm GitLab Google Drive, OneDrive, Office 365 account.
You can use Draw.io to export the flowcharts in several formats including PNG, JPEG, SVG, PDF, VSDX, HTML, XML. You can even use the URL option to create a shareable link that you can send to your friends/colleagues. You don't need to register for an account or login to any service for this (or for using the web-app). You can optionally allow other users to edit the created flowchart.
Did I mention that Draw.io is open source?
Here is a (sample shareable URL) basic flowchart which I made using Draw.io which you can view in your browser. Yes, I know itâ€™s terrible, like I said I'm no expert.Â But hey, my point is if you want a free flowchart software, Draw.io is a great option.
Besides, flowcharts aren't exclusively used by programmers. Many businesses use them in meetings to explain a process flow. You can even use them to help with personal goals, even non-ending (recurring) ones. So use them as you want to. Dia and yEd (requires Java) can be good alternatives for Draw.io. And if you need something to represent ideas of concepts, you may want to check out mindmapping programs like Freeplane instead.
What a great find. Thank you Ashwin
Been using draw.io for years, and I have been recommending it to everyone in industry as a free, stable, and intuitive diagraming program. It’s like the Google Docs equivalent of MS Visio, without Google and available for offline use.
Excellent review, Ashwin.
Thank you for interesting article and links.
It’s much better than previous free diagramming offerings like Dia IMHO
– Saves to an interoperable format natively
– Has an online site where you can share via a simple URL
– Also has an installer for offline use (including all export formats like PDF, VHDX)
– has a collection of “stencils” that has grown over time, nice starter templates
– Free and opensource, multiplatform (either within browser or based on electron)
It’s not up to the visio level yet (mainly b/c the 3rd-party stencils are not there yet).
I found it easy to use, not too bothersome, although you sometimes have to fight the software to get things done the way you want (visio too, BTW).
Great piece of software
Minor grammar issue:
“Draw.io is a free Flowchart and diagram creation software”
You can’t say “a software” in English. So, this should be “Draw.io is free Flowchart and diagram creation software” or “Draw.io is a free Flowchart and diagram creation program”. I like the second.
How would you compare drawio to dia for network diagrams?
In the very few cases I needed a diagram, I was very pleased to use
And just found out about
Now I add Draw.io to my list
Been using Lucid Chart for years and years, but Draw.io looks fine.
One thing I miss about Ghacks is the depth that was once given to articles. Once upon a time, Ghacks was a lot like Raymond.cc and Freeware Genius. Say, an article on flow chart software would include five programs that would explain the pros and cons of each. There are so many programs; Libre Draw can actually do more than most programs with little effort.
Old, old chart–
Coggle is okay. Canva provides some great tools organizing data.
I used this on my trusty old XP machine. So quick and simple to use. Thanks for the reminder. I just downloaded it again.
Thanx Ashwin…so much easier than doing them by hand.