Item logo image for draw.io for Azure DevOps

draw.io for Azure DevOps

ExtensionDeveloper Tools1 user
Item media 3 (screenshot) for draw.io for Azure DevOps
Item media 1 (screenshot) for draw.io for Azure DevOps
Item media 2 (screenshot) for draw.io for Azure DevOps
Item media 3 (screenshot) for draw.io for Azure DevOps
Item media 1 (screenshot) for draw.io for Azure DevOps
Item media 1 (screenshot) for draw.io for Azure DevOps
Item media 2 (screenshot) for draw.io for Azure DevOps
Item media 3 (screenshot) for draw.io for Azure DevOps

Overview

Render draw.io diagrams inline on Azure DevOps Wiki pages and Repository pages.

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.

Details

  • Version
    0.2.0
  • Updated
    October 4, 2025
  • Offered by
    matthijskaandorp
  • Size
    44.03KiB
  • Languages
    English
  • Developer
    Email
    chromedev@matthijskaandorp.com
  • Non-trader
    This developer has not identified itself as a trader. For consumers in the European Union, please note that consumer rights do not apply to contracts between you and this developer.

Privacy

The developer has disclosed that it will not collect or use your data. To learn more, see the developer’s privacy policy.

This developer declares that your data is

  • Not being sold to third parties, outside of the approved use cases
  • Not being used or transferred for purposes that are unrelated to the item's core functionality
  • Not being used or transferred to determine creditworthiness or for lending purposes

Support

For help with questions, suggestions, or problems, visit the developer's support site

Google apps