diagrams.net Integrations

At diagrams.net, being open source means anyone can take the project, change it, deploy it and integrate it.

In fact, the free online diagrams.net tool has already been integrated into a wide variety of platforms, and is available to be deployed as a self-hosted docker application, or used as a stand-alone private diagramming application.

The integrations are branded under our diagrams.net and draw.io names, it’s still the same editor underneath.
There is a large ecosystem of diagrams.net and draw.io apps for diagramming in whichever platform or app you are using for documentation

diagrams.net Desktop

diagrams.net desktop is a stand-alone, offline application available for Windows, macOS and Linux. This is ideal if you want the enhanced security of a desktop application with no reliance on an internet connection. Get the desktop app today

Online at diagrams.net

Create, edit and view diagrams using the free diagrams.net application online at app.diagrams.net. You can even use it as a diagram viewer for files created by another diagramming tool.

  • Mobile diagramming: Add a web link to diagrams.net on your mobile device’s home screen to diagram on-the-go. The Minimal theme is great for mobile devices.
  • Flexible file storage: Store your diagrams where you need them - on Google Drive, OneDrive, GitHub, GitLab, Dropbox, or on your local device.

Self-hosted, secure, container-deployable

diagrams.net is designed to be easy to configure and fast to deploy in a container.

Google Workspace add-ons for Docs, Sheets and Slides

Diagrams.net lets you store your diagram files in Google Drive and work with them in Google Workspace. There are also add-ons available for Docs, Sheets and Slides.

It's easy to embed diagrams in Google Docs

See how to use the diagrams.net add-ons for Google Workspace

Microsoft Sharepoint, OneDrive, Office 365 and Teams integrations

diagrams.net works with OneDrive and Sharepoint. An Office 365 app is available for Word, Powerpoint and Excel, and a Microsoft Teams app.

GitHub app

The draw.io app for GitHub lets you authorise access to individual repositories, and will replace the older OAuth authorisation method.

Notion and Nextcloud integrations

With the draw.io for Notion extension in the chrome web store, you can embed and edit diagrams directly within your Notion pages. This browser extension works in Google Chrome, Opera and Microsoft Edge.

The draw.io app for Nextcloud lets you create and edit diagrams in Nextcloud, including with shared cursors for real-time collaboration.

3rd-party integrations

The following integrations are not directly provided by the diagrams.net team. The Atlassian integrations are built by us, but provided via an Atlassian partner.

Most integrations use the name draw.io, the previous name for diagrams.net.

Atlassian Confluence and Jira

The draw.io apps for Confluence and Jira are available via the Atlassian Marketplace for Cloud, Data Centre and Server. draw.io for Confluence is the highest-rated app on the Atlassian Marketplace.

Embedded diagrams in draw.io for Confluence Cloud

  • Enterprise file management support: Even if your company doesn’t want to store diagrams inside the Confluence or Jira instance, you can take advantage of the app’s integrations with Google Drive and Microsoft’s OneDrive.
  • Flexible customisation: By using these apps within your Confluence and Jira environment, you can customise many aspects to make it easier for your employees to diagram: templates, shapes, shape libraries, colour palettes and style to match your corporate image, plugins, and even the user interface can be customised.
  • Easy migration: If you have many Gliffy and/or LucidChart OnPrem diagrams in your Confluence instances, you can convert all of these to draw.io diagrams with one click in the app administration section.

Other third-party integrations

  • Aha!: Develop project management mockups and flow diagrams, product roadmaps and marketing planning.
  • Atom: Atom has a package that lets you edit draw.io diagrams directly within the text editor.
  • Bioiocons: Open-source icon libraries that work with the diagrams.net web app for life science illustrations and diagrams.
  • BookStack: An open source information management system.
  • Docstell: Docstell provide software documentation for developers.
  • FOSWiki: Combine text and structured content, macros and data from web APIs wth FOSWiki.
  • Grafana: Add diagrams to this analytics and modelling platform with Arnaud Genty’s open-source plugin.
  • Growi: Growi is team collaboration software that uses markdown. It can integrate diagrams.net into the platform.
  • JupyterLab: Project Jupyter by QuantStack lets you combine various content types like runnable code snippets, LaTeX, images, embedded interactive diagrams.
  • Lark: Lark has integrated our diagram editor into their page editor as part of their content and collaboration suite.
  • LumApps: Insert diagrams into your LumApps content.
  • MediaWiki: There are two extensions available for MediaWiki, Drawio (not actively maintained) and DrawioEditor.
  • Nuclino: Embed your diagrams easily into this content development platform.
  • ONLYOFFICE: Integrates the diagram editor in documents via a plugin to their Docs application.
  • ownCloud: Create and modify diagrams in the ownCloud open-source collaboration platform’s file editor app.
  • Redmine: Create diagrams in your project documentation in Redmine, a project management web application, based on Ruby on Rails.
  • Samepage: Develop diagrams, track tasks, share files, communicate using this team collaboration platform.
  • Sandstorm: Create personal/private instances of web apps and create diagrams via Sandstorm.io, an open source hosting platform.
  • Tiki Wiki CMS Groupware: Manage diagrams in Tiki Wiki CMS Groupware, a collaborative, free and open source wiki-based content management system.
  • VS Code: Edit and manage diagrams directly inside VS Code. See how to use the VS Code extension with github.dev
  • XWiki: Create diagrams in XWiki, a lightweight wiki software by using the Diagram Application extension.
  • Wiki.js: Store and display diagrams in your documentation in Wiki.js, an open source Wiki program.