draw.io for Azure DevOps icon

draw.io for Azure DevOps

Chrome Web Store

by matthijskaandorp

v0.2.0 Updated Oct 4, 2025 44.03KiB
53
Users
★ 5.00
1 reviews
#6334
of 19.5K
developer
#510 of 1.4K

User Count Trend

Loading...

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](diagram.drawio) 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.
draw.io for Azure DevOps screenshot 1draw.io for Azure DevOps screenshot 2draw.io for Azure DevOps screenshot 3

Reviews

Loading reviews...

Permissions (1)

Permissions

storage Can store data locally in your browser

Details

Version 0.2.0
Updated Oct 4, 2025
Size 44.03KiB
First Seen Mar 21, 2026
Ad space