The demand for online collaboration plus the amazing web interfaces that can be created with new technologies (e.g. HTML5 canvas) has created a new and quickly growing market for modeling tools: online modeling tools. In fact, many of them are more drawing tools than modeling tools but, at the very least, they offer you a way to draw and share your models online, mainly covering UML diagrams, database models ( ER diagrams) and BPMN process models.
HTML5-based. With UML support and real-time collaboration capabilities. It can import Visio files, which is definitely a plus considering that a large userbase for these tools seems to come from more desktop-like modeling environments like Microsoft Visio. Beyond UML, Lucidchart also comes with drawing templates for ER, process modeling, network diagrams and more.
GenMyModel started as a UML only modeling tool but since then it has now expanded to cover also business modeling with Archimate and BPMN support. It offers a centralized model repository for teams (with access right management) enabling easy and simultaneously model collaboration.
Contrary to other tools in this list, this is more a modeling tool than a drawing tool (with its pros and cons, depending on how do you plan to use your models). As such, a key distinction of GenMyModel is its support for exporting models as XMI (the “standard” format for exchanging models) and its code-generation capabilities. Read more about GenMyModel in this blog here.
With a strong emphasis on the collaborative and revision control aspects, Gliffy claims to be “the most widely used online diagramming application” (I wonder how they know that!). Gliffy supports all UML diagrams together with a variety of other kinds of diagrams, including a strong support for BPMN process models.
It comes with plugins for Confluence and Jira so clearly it integrates very well with these tools. That’s important if your team uses them and wants to integrate your models in the rest of your discussion /development process.
Love its simplicity. Click draw.io in your browser and you immediately get an empty canvas to start drawing. It comes with shapes for basic UML, ER and BPMN modeling. Still, it’s a clear example of a tool that doesn’t really understand at all the semantics of what you’re drawing so you can basically do whatever you want and build some very bizarre diagrams. It also fails in the collaborative aspect but it integrates well with Google Drive, Dropbox , OneDrive and others to automatically save the models in your preferred location.
Real-time diagram collaboration. With over 50 diagram types and thousands of examples to get you started. You can also work offline and synchronize your work afterward. The only BUT I see is that, as of today, it requires Flash installed to work. I hope they revisit this issue soon since Adobe will be killing Flash. Sure, not right now, but who wants to use a tool using a doomed technology?
For more about the tool and a short description of its key points see here.
Focus on all kinds of cloud-based diagrams. Really on the “drawing-end” (and not the modeling one). Still, it has some interesting features like the possibility of storing multiple versions of your diagram to track changes and the ability to post comments to give feedback directly on the diagrams. Cacoo supports use case, sequence, class, activity, and state machine diagrams.
A simple but free online UML tool for fast UML diagrams. It runs in your browser, and it does not require any installs. UMLetino is based on UMLet (which is available as a stand-alone tool or Eclipse plugin). Diagrams can be exported as XML or image files.
Despite its limitations (the modeling environment is clearly sub-par when compared with the graphical quality and powerful interface of some of the other tools in this list), if you’re looking for a free and easy-to-use UML online tool, this is definitely an option to consider.
A free and open source pure HTML5 Online Flowchart Software (no Flash, Java or other plugins required). Licensed under GPL (nice!). Easy to download and install on your own server if you prefer. The only “but” for the typical readers of this portal is that as a flowchart-focused software, it only covers one kind of UML diagrams: state machines (but there is an easy solution for this just fork it on Github and extend it yourself 🙂 ). Synchronous collaboration is not possible. Diagrams can only be saved as images.
The jsUML2 library provides an API to allow web developers to include editable diagrams in their own websites making use of the HTML5 technologies supported by the newest web browsers, as well as by current mobile devices. Read more about the library itself here.
Unfortunately, while the editor is still available and you can use it for free, the author recently announced that it’s closing the project for the moment due to lack of personal time to work on it.
Online BPMN tools
The tool interface is very user-friendly and you can get started right away but it supports only a limited subset of the BPMN specification (e.g. I didn’t see how to add other types of gateways except for exclusive ones) . Diagrams can be saved as XML o image files.
And you may want to check as well the latest BPMN online modeling tool: Diagramiq.
Online database design tools
As before, most UML online tools also support the ER notation (or variations) to create database designs. Still, there also a few specific tools for drawing database schemas. In particular, I like Vertabelo a lot. Really nice interface (love the quality of the zoom in and zoom out feature) with model collaboration SQL generation capabilities.
SQL Database Modeler is a new (still in beta!) tool for designing your SQL database online. It comes with import and export (SQL generation) capabilities. Looks very promising!
Author’s note: This post was initially published in 2012 and has been significantly rewritten several times ever since to include/remove relevant tools