Drawio For Azure Devops

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:
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.