Use draw.io with your existing tools

features integrations

Diagram with draw.io in Plane.so pages

Plane.so, a project management platform, has developed a draw.io integration where you can add, edit and store draw.io diagrams in Plane.so pages. Plane is a useful platform for technical documentation and project management for distributed teams. Both the simple draw.io Board editor and the full draw.io diagram editor are available, with all the standard built-in draw.io shape libraries and templates, as well as the generated smart templates and Mermaid diagram support.
draw.io diagrams can be embedded and stored in Plane.so pages

10 Nov 2025

integrations features use cases import

Mermaid in draw.io updated to support ELK layout

Mermaid is a text-based syntax that you can use to describe a diagram, and automatically lay it out neatly on the diagram canvas. Enter your Mermaid diagram description in draw.io via Arrange > Insert > Mermaid in the draw.io menu or + > Mermaid from the toolbar. draw.io has updated to Mermaid version 10.9.1 to support the new ELK automatic layout.
Tell the Mermaid diagram generation tool to use the ELK layout option in your text diagram description

11 Jun 2024

integrations features use cases

Using diagrams with GitLab

draw.io will be available as an integration in the web-based GitLab Wiki editor on 22 March with the GitLab 15.10 release and product kickoff. When you add your diagram to a GitLab Wiki page while editing the source of that page, it will be saved as an SVG image containing the diagram code, and displayed in the page content.

09 Mar 2023

features integrations

Include diagrams in Notion templates with the draw.io extension

With our draw.io for Notion chrome extension, you can easily embed diagrams and the diagram editor directly in your Notion page and in Notion templates when you use Google’s Chrome web browser.
Use the draw.io for Notion Chrome extension to edit diagrams stored in Notion pages and templates as .drawio.svg files

02 Feb 2023

integrations features use cases import export

Create data-driven diagrams with draw.io

Using diagrams.net or draw.io together with scripts and data sources, you can create data-driven diagrams, with colours, shapes, text labels and even animations that change to reflect live data.
Update shapes in a diagram based on live data with draw.io, Grafana and the Flowcharting plugin

08 Nov 2022

integrations trust features

Store diagram files on cloud platforms

When you use draw.io, either online or any of our integrations, you choose where to store your diagram files. Create unlimited diagrams and store them on your favourite cloud platform. draw.io doesn’t store your diagram data, so you don’t need an account to open and edit your files.

16 Sep 2022

integrations trust features

Run your own draw.io server with Docker

Run your own diagramming server using our Docker image of draw.io. This image includes server-side support for export to PDF, image and .vsdx formats, diagram storage with Google Drive and OneDrive, without any dependency on the draw.io servers.
The draw.io desktop app works on MacOS, Windows and Linux

07 Sep 2022

integrations

Example diagram gallery for draw.io

Many of the templates and example diagrams that we store in our drawio-diagrams repository on Github are available via this website. The new example diagram gallery page lists diagrams in various categories based on industry or teams.

17 Jun 2022

integrations features use cases import

Create a mindmap from text with Mermaid

Mindmaps are useful to quickly capture ideas, and are easy to draw in draw.io and our draw.io branded apps. But some people prefer to work from text lists when brainstorming. Drop a text list into the Mermaid import tool and draw.io will generate your mindmap for you - no need to fuss with connectors or layouts.
Mindmaps are easy to create from text with draw.io and Mermaid

30 May 2022

integrations features

Collaborate in real time using draw.io

When collaborating in real time using draw.io, you now share your mouse cursor. Seeing your team members’ cursors makes it easier to ask about or explain something in a diagram or on a quick whiteboard sketch as you work on it together.

11 Mar 2022

features integrations

Diagram in Lark with our open-source editor

We aim to make diagramming as accessible as possible. As draw.io is an open-source application, an increasing range of applications have integrated our diagramming editor or provide an add-in with our diagramming technology.

23 Feb 2022

integrations trust features

New draw.io features and updates in 2021

This past year has seen a number of new features and big updates to draw.io, including the online editor, our Confluence and Jira apps, and other integrations for a variety of platforms.

16 Dec 2021

integrations features

Diagram only in selected GitHub repositories

Previously, you could edit your diagram files and use your GitHub repositories as a storage location as an OAuth app, which required access permission to all of your repositories. The new GitHub Apps offer more fine-grained repository access settings. With the upcoming draw.io App for GitHub, you can choose exactly which repositories you want store your diagram files in.

09 Nov 2021

features integrations

draw.io for Notion Chrome extension

You can now create and store your diagrams directly in Notion pages using the draw.io for Notion extension for the Chrome, Opera and Edge web browsers. The draw.io for Notion extension uses the whiteboard-like simple editor theme, and resizes the embedded image displayed in your Notion page automatically to display your entire diagram.

03 Nov 2021

features integrations import

Import diagrams from Lucidchart EDU to draw.io

Lucidchart recently limited their free education plans, Lucidchart EDU, for students and teachers to only 3 editable diagrams. That means that all of the diagrams after your most recent three diagram files are set to read only, unless you switch to a premium subscription.

12 Oct 2021

features integrations import

Import diagrams from Gliffy Online to draw.io

Gliffy recently removed their free tier offering in their online version. This means if your trial version has expired, you will no longer be able to edit up to 5 diagrams that you have created, unless you start a paid subscription.

21 Sep 2021

features integrations

Edit diagrams directly in GitHub with draw.io and github.dev

For developers, github.dev allows you to edit files stored in GitHub repositories in a web-based code editor. It has many of the benefits of Visual Studio Code - search, syntax highlighting, and a source control view. After installing the unofficial draw.io extension for Visual Studio Code into the web-based editor, you can quickly navigate, view and edit diagram files stored in your GitHub repositories without ever leaving your browser.

21 Sep 2021

features integrations export

Embed diagrams in WordPress as SVG

You can embed SVG versions of your diagrams in a WordPress blog post or page. SVG images are quick to load when compared to other formats, and can include your diagram data if you want to allow viewers to download and view a copy of the diagram in the draw.io editor online.

02 Sep 2021

trust integrations atlassian

Introducing data governance and lockdown configuration options

draw.io is a unique security-first diagramming tool in that we provide the application platform, but your diagram data only lives in your computer memory while you are working on it. As you can store your diagrams on your preferred enterprise-level cloud storage platforms or on your local device, draw.io gives you control over your diagram data.

12 Feb 2021

trust integrations atlassian

Advantages of a bring-your-own-storage model

Increasingly more of the information and data your teams work with is moving into the cloud. This is not a bad thing – there are many advantages to cloud storage, when you are using an experienced, large and trusted provider.

27 Jan 2021

features integrations

Embed diagrams into Notion from draw.io

Notion is a collaboration platform with web, desktop and mobile applications, providing individuals and teams with a range of features for collaboration, documentation and personal organisation: notes, databases, kanban boards, wikis, calendars, and reminders.

15 Dec 2020

features integrations import

Insert a diagram from specially formatted CSV data

You can create a diagram automatically from a combination of formatting information and CSV data from a spreadsheet. This may be practical when working with spreadsheet models of various types of data (org charts, attack trees, process flows), or CSV files exported from other programs, for example, modeled network topologies or software dependencies.

06 Dec 2020

features integrations atlassian

Embed diagrams in Confluence Data Center and Server

There are two ways to display diagrams on Confluence Data Center and Server - either attach the diagram file to the page and use the draw.io diagram macro, or embed a diagram that is stored elsewhere using the Embed draw.io diagram macro. You can embed draw.io diagrams easily from the following locations:

30 Nov 2020

trust integrations atlassian

Manage your budget moving to Confluence Cloud

draw.io and our Atlassian integrations are the leading solution for web based sketching and diagramming functionality. The article describes the draw.io integrations for Confluence that we, draw.io Ltd., build, deliver and maintain alongside the online app.diagrams.net and the offline draw.io Desktop application.

21 Oct 2020

integrations features use cases

Embed a diagram in GitHub markdown

You can use a versioned diagram in a GitHub README file in a number of different ways, and include links to edit the diagram or use it as a template for a new diagram.

24 Aug 2020

use cases integrations

Create diagrams directly in VS Code

Diagrams make coding go a lot smoother, especially when you are programming in teams. Having diagrams version tracked and right with the code they reference, and version tracked similarly in your code editor saves you time. You don’t have to exit your workspace to switch to an external tool, or have to export/import every time you want to update a diagram.

01 Jun 2020

use cases integrations atlassian

Team diagramming in all departments

All teams have their own unique needs and particular workflows. Integrating useful collaboration tools seamlessly into that workflow is the key to your team’s success. We offer security-first diagramming for teams working with Atlassian products.

13 May 2020

integrations features use cases import

Use Mermaid syntax to create diagrams

Mermaid is a syntax similar to Markdown where you can use text to describe and automatically generate diagrams. With Mermaid’s Markdown-inspired syntax, you can generate flow charts, UML diagrams, pie charts, Gantt charts, and more.
A simple sequence diagram inserted using the Mermaid syntax

15 Apr 2020

integrations features

How to use diagrams in Google Docs

Export your draw.io diagrams to PNG image files and them import them into your Google Docs, Slides and Sheets - drag and drop the image file into your document.
Export a draw.io diagram to a PNG image, then import it into your Google document

27 Jan 2020

integrations trust features

Use draw.io desktop to diagram offline

draw.io desktop is a downloadable security-first diagramming application that runs on Windows, MacOS and Linux. Creating diagrams in the desktop app doesn’t need an internet connection. This is useful when you are disconnected or when you must create diagrams in a highly secure environment, where data protection is of the utmost importance.

05 Sep 2019

integrations features

Secure GitLab support with direct client authorisation

You can store your diagrams in GitLab after authorising access to your account and repositories - draw.io and our online editor will never see your GitLab password.

10 Jul 2019

integrations features

Secure GitHub support via OAuth

draw.io and our online editor supports GitHub using OAuth - the editor will never see your GitHub password.

18 Jun 2019

integrations features export

Share diagrams via Google public links

You can share and collaborate on diagrams with anyone, either inside or outside of your company, when they are stored as public files in your Google Drive account.

25 May 2019

integrations

Example diagrams are on GitHub

We regularly publish new example diagrams in the jgraph/drawio-diagrams repository on GitHub so they are easy to access. In this repository you’ll find diagram examples that are used in:

13 May 2019

integrations use cases import

Export from Cloudockit to a .drawio diagram

Cloudockit is a platform which connects to and monitors your cloud and on-premises environment and automatically generates 2D or 3D diagrams. It works with AWS, Azure, Google Cloud Platform (GCP), VMWare Hyper-V, Alibaba Cloud, IBM Cloud, and your local infrastructure to visualise your network and automatically generate documentation.

18 Apr 2019

integrations use cases import

Use Cloudcraft to export your AWS architecture to a .drawio diagram

Using Cloudcraft, you can securely connect to cloud environments and infrastructure components via your architecture diagrams where statistics, resource information and more is updated in real time. The 3D isometric view that Cloudcraft uses is familiar to engineers and IT staff as it often matches the tools they learned on. The automatic updates driven from your company’s live systems makes Cloudcraft a fantastic tool for monitoring your AWS cloud infrastructure. The statistics are also helpful to estimate costs when you want to make changes to your system.
Examples of Cloudcraft infrastructure diagrams exported to draw.io

27 Feb 2019

integrations

Using the diagrams.net Chrome app

A Chrome app is a browser-based app that looks like a normal desktop app. The draw.io Chrome app runs on Chromebooks using ChromeOS, as well as on the following operating systems: Android, Windows, MacOS, iOS, Linux - in fact, anywhere the Chrome browser can run.

08 Aug 2018

integrations

Diagrams in Google Docs now support high resolution images

When you print a Google Doc, you want images and diagrams to be as clear as possible. Diagrams that have been embedded with the Google Docs add-on can now be printed at a high resolution.

09 Jun 2018

Categories