WebExtension.net
WebExtension.net
Toggle dark mode
WebExtension.net
WebExtension.net
draw.io for Azure DevOps

draw.io for Azure DevOps

View on Chrome Web Store
View draw.io for Azure DevOps Chrome Extension on Chrome Web Store
Add to bookmarks
5.0 (1 ratings)
5 views
This extension has been viewed 5 times
0 downloads
This extension has been downloaded 0 times

Data is synced from the Chrome Web Store. View the official store page for the most current information.

Render draw.io diagrams inline on Azure DevOps Wiki pages and Repository pages.
Type
Extension
Users
43 users
2
matthijskaandorp
View author page of matthijskaandorp
Published
Published on October 4, 2025
Version 0.2.0
Manifest version
3
Updated
Updated on October 4, 2025
productivity/developer
Extension Category
View on Chrome Web Store
View draw.io for Azure DevOps Chrome Extension on Chrome Web Store
Share This Extension
Share on Twitter
Share on Facebook
Share on LinkedIn
Share on Reddit
Share on Bluesky
Share on Pinterest
draw.io for Azure DevOps Chrome Extension Image 1
draw.io for Azure DevOps Chrome Extension Image 2
draw.io for Azure DevOps Chrome Extension Image 3

Description

This Chrome extension automatically detects image links to .drawio diagrams in your Wiki or README files and renders them inline using the official diagrams.net (draw.io) viewer. No more downloading files or juggling between tabs—your diagrams appear right where your documentation lives.


Why this extension?

Many Azure DevOps users have asked for native support to embed draw.io diagrams in Wiki pages. Until Microsoft adds it, this extension fills the gap:

  • 📊 Inline rendering – linked .drawio files are displayed as diagrams directly below the link.
  • 🔒 Secure by design – diagrams are fetched using your existing signed-in Azure DevOps session; no extra logins or tokens required.
  • 🧩 Lightweight – minimal, view-only integration; no performance overhead.
  • 🖼 diagrams.net embedded viewer – the same reliable engine you already use in draw.io.

Features

  • Works on Wiki pages and Repo README/Markdown.
  • Detects .drawio and .dio image links automatically.
  • Supports automatic dark mode and light mode
  • Supports multipage diagrams

Who is this for?

  • Teams that maintain documentation in Azure DevOps Wiki.
  • Developers who store system/architecture diagrams as .drawio alongside Markdown.
  • Anyone frustrated that diagrams are currently download-only in ADO Wiki.

Limitations

  • View-only: Editing is not supported in this version. To change diagrams, open them in draw.io and commit updates to your repo.
  • Requires that .drawio files are accessible in the Wiki or Repo (with standard ADO permissions).

Quick Start

  1. Install the extension from the Chrome Web Store.
  2. In your Wiki or Repo Markdown, include your diagram using the image syntax: My diagram
  3. Open the Wiki page or Repo README. The extension will detect the image reference and render the diagram inline.

That’s it—you can now keep your diagrams versioned in Git and view them directly in Azure DevOps.

A working demo can be found here: https://dev.azure.com/matthijskaan/_git/draw.io%20demo


Azure DevOps Wiki – draw.io Renderer finally brings the diagrams you already maintain in Git into your Wiki pages, just like the community has been asking for.

© 2026 WebExtension.net. All rights reserved.
Disclaimer: WebExtension.net is not affiliated with Google or the Chrome Web Store. All product names, logos, and brands are property of their respective owners. All extension data is collected from publicly available sources.
Go to top