If you are using draw.io outside of Confluence, you can now customise the template library via the draw.io configuration using the `templateFile` property. Add your own custom templates, and specify which shape libraries and custom shape libraries are opened whenever a new diagram is created from a template.
draw.io has a number of shape libraries and templates for creating rack diagrams. Both electronics cabinets can be visualised, as well as IT racks with servers and networking hardware, including those provided by specific vendors like APC, Cisco, Dell, F5, HP, IBM and Oracle.
Sequence diagrams show the order of messages that are passed between elements of a system to complete a particular task or use case. The events that cross system boundaries are used by objects and people (actors) to complete their processes.
You can use custom shape libraries to store and share custom template diagrams, in addition to your favourite shapes, freehand sketches, and custom shapes. As you can also store icons, watermarks, images, parts of a diagram, and entire finished diagrams in custom shape libraries, they are an excellent way of sharing your custom templates with people outside your organisation.
Floorplans aren't only useful for real-estate agents and people who are moving to a new apartment. You can also plan new office spaces, show emergency routes, create a seating chart, plan a conference or trade show layout - anything where you need to arrange people and furniture in a space.
When you slice a 3D shape up and layer it in a diagram, you clearly visualise that a concept or process is broken up into smaller parts. Here's a step-by-step tutorial to create your own infographic using shapes from the basic draw.io shape libraries.
UML class diagrams are used to illustrate the structure of a computer program. They detail the types of data or attributes stored within each 'class', the methods (operations or functions) that each class provides, and the relationships between the classes.
Marketing teams commonly use 5C situational analyses, simpler SWOT analyses, PEST and PESTLE analyses to examine and improve their products and services. By presenting the information visually, you won't get bogged down in unnecessary details.
Diagrams are an effective way of teaching and learning because we all understand complex information more easily when it is visualised. Graphic organisers, mindmaps, timelines, cause and effect charts, Venn diagrams, flowcharts, scientific illustrations - all of these can created in draw.io.
The concept of state diagrams or state machine graphs has been around since the mid 1900s, long before David Harel modified them into the form used today as part of the UML standard.
UML use case diagrams show all of the ways an end-user interacts with your systems, with all of its pre- and post-conditions, exceptions and alternate paths. These diagrams are used to establish your system requirements, whether that be a software system or an interaction with another person or team.
Flowcharts are one of the most used types of diagrams in all teams. But some process flows are circular or cyclical rather than a series of steps with a start and end. You can create circular flowcharts in the draw.io editor in a number of ways.
Communication diagrams (formerly collaboration diagrams) show the messages that are passed in a system as an action is taken or an event occurs, and in what order they are sent. As a simplified sequence diagram, these show the information sharing relationships more clearly between different elements of a system.
Timelines, roadmap and milestone diagrams feature in a range of documentation - project development documents, infographics and presentations being some of the most common. There are many shapes and templates in draw.io and our draw.io branded apps that you can use to quickly draw an attractive diagram that you can embed in your presentation or documentation.
UML activity diagrams show the sequence of actions and the flow of control in a system or a process. You can model the behaviour of physical and digital systems, as well as business process flows with activity diagrams.
The smart templates feature has been upgraded - click on the new Generate tool (sparkle button) in the draw.io toolbar to generate a diagram. The Generate tool uses multiple AI generators to support a wider range of diagrams, including interface mock-ups, infrastructure diagrams, Mermaid diagrams and more.
It's easier to show new development team members your project's branch structure in your Git repository visually than to describe it in words. Some platforms may illustrate this using built-in tools. If you are using a platform without a convenient visual representation, it's easy to create your own gitflow diagram.
Concept maps are a broad category of diagrams that are useful for brainstorming with teams, learning and training, showing hierarchical information, planning events or product campaigns, and exploring solutions to problems. They are widely used throughout all industries, especially in medicine and education.
UML package diagrams document the structure of grouped components in a system along with their dependencies, especially for multi-layered web and application architectures. Package diagrams fall in between the detailed class diagrams and the high-level more abstract profile diagrams and model diagrams.
Profile diagrams are one of the newer UML diagram types, providing a broad overview of a system showing how the system can be implemented in different domains. Stereotypes and constraints indicate which sub-systems and components, languages and processes are modified in different use cases.
Query writing, also known as prompt engineering, is becoming an important skill as large language models and AI tools become more popular. It is hard to write a good query to ensure a good outcome from any type of content generator. Here's how you can make the most of the diagram generation features in draw.io.
Diagrams from text are oft faster for programmers to draw than to spend time manually styling and aligning the diagram elements. PlantUML support in draw.io is being phased out at the end of 2025, so here are some ways you can migrate your PlantUML diagrams to draw.io or rewrite them in Mermaid syntax.
Network diagrams, or infrastructure diagrams, let you understand a computer network quickly.
When you create a new diagram with the draw.io web editor, you can now choose to use our new smart diagram generator instead of one of our existing templates. Describe your diagram in a text phrase, and the tool will generate a diagram based on what it parses.
UML component diagrams are used to model the high-level software components and subsystems in service-oriented architectures and component-based development projects, and more importantly, define the interfaces between those components. As component diagrams provide a clear visual overview of a system, they are drawn early in a project as they are useful both to seek approval from stakeholders and to develop an implementation roadmap.
Interaction overview diagrams show a high-level overview of how components of the system interact with each other. General flowchart shapes show the interaction flow between activities, and sometimes entire sequence diagrams or activity diagrams are embedded for detailed documentation.
UML notation is one of the most popular technical diagramming standards defining a wide range of diagrams useful in many different industries and professions, not just software engineering. That many different technical diagrams can be daunting, so here is an overview of each of the different types of UML diagrams, who draws or reads them, and why they are useful.
Association classes in UML class diagrams 'hang' off the relationship between two other classes. Instead of leaving an unconnected end on your connector, add a waypoint shape between them and connect all three class shapes to the waypoint shape.
Draw your Amazon Web Services (AWS) infrastructure with draw.io for free. You don't need to register or sign-up, and you can store your diagrams in your favourite cloud storage platforms, like Google Drive, One Drive, and Dropbox.
Flowcharts are one of the most common diagram types, showing all of the steps that must be followed to complete a process. Not many processes are limited to just one person or one team, which is why swimlane diagrams and cross-functional flowcharts are used - these show the flow of data or control across different groups.
Venn diagrams are widely used in business, education and research to visualise commonalities and differences. Although, you have probably most often seen theme used in memes.
There are a wide range of UML diagramming tools available, as standalone applications, as online-only cloud software, and embedded in various content platforms. Some take text input to generate diagrams, and others are specialised to draw just one type of UML diagram.
There are many terms for diagrams that show a series of steps and decisions - flowchart, process diagram, process map, workflow, and process model. While many sources claim large differences between these terms, in practice, they are used interchangeably.
In draw.io, the smart templates feature allows you to generate a diagram from a text description. It's easy to get hyped up about quickly generating visual documentation, but when should you generate a technical diagram? What types of diagrams can't be generated?