Use diagrams.net with your existing tools

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

Create data-driven diagrams with diagrams.net

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 diagrams.net, Grafana and the Flowcharting plugin

08 Nov 2022

Store diagram files on cloud platforms

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

16 Sep 2022

Run your own diagrams.net 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, OneDrive and PlantUML diagram generation, without any dependency on the diagrams.net website.
The diagrams.net desktop app works on MacOS, Windows and Linux

07 Sep 2022

Example diagram gallery for diagrams.net and draw.io

Many of the templates and example diagrams that we store in our jgraph/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

Create a mindmap from text with PlantUML

Mindmaps are useful to quickly capture ideas, and are easy to draw in diagrams.net and our draw.io branded apps. But some people prefer to work from text lists when brainstorming. Drop a text list into the PlantUML import tool and diagrams.net will generate your mindmap for you - no need to fuss with connectors or layouts.
Generate a mindmap from text in diagrams.net by inserting PlantUML in arithmetic notation via Arrange > Insert > Advanced > PlantUML

30 May 2022

Collaborate in real time using diagrams.net

When collaborating in real time using diagrams.net, 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

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

New features and updates in 2021 in diagrams.net and draw.io

This past year has seen a number of new features and big updates to diagrams.net and the draw.io apps, now available on a variety of platforms.

16 Dec 2021

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

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

Import diagrams from Lucidchart EDU to diagrams.net

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

Import diagrams from Gliffy Online to diagrams.net

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

Edit diagrams directly in GitHub with diagrams.net 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

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 diagrams.net free editor.

02 Sep 2021

trust integrations atlassian

Introducing data governance and lockdown configuration options

diagrams.net 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, diagrams.net 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

Embed diagrams into Notion from diagrams.net

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

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

diagrams.net and the draw.io branded Atlassian integrations are the leading solution for web based sketching and diagramming functionality. The article describes the draw.io integration for Confluence that we, JGraph, build, deliver and maintain along side the online diagrams.net and desktop tools.

21 Oct 2020

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

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

How to use diagrams in Google Docs

The free diagrams.net add-on for Google Docs lets you embed your diagrams into your documents. When the diagram files have been updated via your Google Drive, all you need to do is update them inside your document to show those changes.

27 Jan 2020

Use diagrams.net desktop to diagram offline

diagrams.net 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

Secure GitLab support with direct client authorisation

You can store your diagrams in GitLab after authorising access to your account and repositories - diagrams.net will never see your GitLab password.

10 Jul 2019

Secure GitHub support via OAuth

diagrams.net supports GitHub using OAuth - diagrams.net will never see your GitHub password.

18 Jun 2019

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

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

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

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

Using the diagrams.net Chrome app

A Chrome app is a browser-based app that looks like a normal desktop app. The diagrams.net (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