Skip to main content

Use draw.io in other products

Other companies and open-source projects have built draw.io into their own products. These integrations are made and supported by those companies and projects, not by draw.io. For help with an integration, contact the company or project that makes it.

The apps that draw.io makes are on the integrations overview.

Diagram in wikis and knowledge bases​

  • BookStack: Insert and edit draw.io diagrams in your pages with the WYSIWYG or the Markdown editor. Administrators can use their own draw.io server.
  • Docmost: Insert and edit draw.io diagrams in the pages of this open-source wiki. Self-hosted installations can use their own draw.io server.
  • GROWI: Insert a draw.io diagram from the editor toolbar, and edit it later from the page view.
  • MediaWiki: Add a diagram to a wiki page and edit it in place with the DrawioEditor extension. The extension is also built into BlueSpice, the enterprise MediaWiki distribution.
  • Outline: Insert draw.io diagrams in your Outline documents, and open them in draw.io again to edit them.
  • Tiki Wiki CMS Groupware: Create and edit draw.io diagrams in wiki pages and file galleries with the Diagram plugin.
  • XWiki: Create and edit draw.io diagrams with the Diagram Application from XWiki SAS, and show them on other wiki pages with the diagram macro.

Diagram in office and collaboration suites​

  • CryptPad: The Diagram app in this end-to-end encrypted collaboration suite is built on draw.io. Edit diagrams together in real time.
  • Nextcloud: Create and edit draw.io diagrams and whiteboards in Nextcloud Files with the Diagramming app.
  • ONLYOFFICE: Create and edit draw.io diagrams, and insert them in your documents, spreadsheets and presentations.

Diagram in project management and developer tools​

  • GitLab: Create and edit diagrams in GitLab wikis with the built-in draw.io editor. Administrators of self-managed GitLab can use their own draw.io server. See how to use diagrams in GitLab wikis
  • JetBrains IDEs: Edit .drawio files and editable PNG and SVG diagrams in IntelliJ IDEA, PyCharm, WebStorm and other JetBrains IDEs with the docToolchain plugin. The plugin includes the draw.io editor, so it works offline.
  • Plane: Add draw.io diagrams and boards to the pages of this project management platform.
  • VS Code: Edit .drawio files and editable PNG and SVG diagrams in VS Code with the Draw.io Integration extension. The extension includes the draw.io editor, so it works offline. See how to use the extension with github.dev

Generate diagrams of your infrastructure​

  • Azure Resource Inventory: Microsoft's open-source inventory tool for Azure draws the network topology of your Azure environment as a draw.io diagram.
  • Cloudcraft: Export your AWS infrastructure diagrams from Cloudcraft to draw.io.
  • Containerlab: Run containerlab graph --drawio to create a draw.io diagram of your network lab topology.

Add shape libraries​

  • Bioicons: Open-source icon libraries for life science illustrations. Open them as shape libraries in draw.io.