Data month 2026-08

Draw.io AI Sidebar

Name: Draw.io AI Sidebar
Rating: 5 (1 reviews)

Image & Design

AI Design Workflow Automation

Draw.io AI Sidebar puts a chat panel inside app.diagrams.net that turns natural language into draw.io XML and injects it straight onto the open canvas.

Add to Chrome ↗

According to AlphaMoat, as of 2026-08, the Chrome extension Draw.io AI Sidebar has 50 users (+47.1% MoM), rated 5 (1 reviews) — ranked #5,367 of 9,793 AI browser extensions, and #277 of 445 in Image & Design.

Users · 2026-08

50+47.1%

Rating

★ 51

Overall Rank (9,793)

#5,367

Image & Design Rank

#277/ 445

What is Draw.io AI Sidebar

Product Overview

Draw.io AI Sidebar replaces the usual edit-diagram-then-paste-XML routine with describe, generate, inject. The sidebar sits inside app.diagrams.net; you type what the diagram should look like and the model returns XML that can be pushed onto the current canvas, or generated first and reviewed in an XML panel before injection. Configuration is profile based: base URL, API key and a model list are stored in the browser, and only models that pass a connection test appear in the picker. Images can be uploaded for multimodal context, and a region of the canvas can be screenshotted and annotated with freehand strokes and text before being sent. Multi-turn context lets a diagram be refined across several requests.

Key Features8 items

01Chat-style AI interaction inside the draw.io page
02Natural-language generation of diagram XML with one-click injection
03Profiles holding base URL, API key and model list, stored locally
04Connection test, with only passing models shown in the picker
05Image upload for multimodal context
06Canvas-region screenshot with freehand and text annotation before sending
07Multi-turn context for iterative refinement
08XML panel for reviewing and editing before manual injection

Show full Chrome Web Store description▾

AI sidebar for app.diagrams.net: natural language to draw.io XML with direct canvas injection. This is a Chrome extension for draw.io (app.diagrams.net). It injects an AI sidebar into the page, allowing users to generate or modify diagrams with natural language and inject XML directly into the current canvas.

In a traditional workflow, users usually open "Edit Diagram" and paste XML manually. This extension streamlines the process into "describe -> generate XML -> inject", which significantly improves iteration speed.

Key Features

1. Chat-style AI interaction directly inside draw.io. 2. Natural-language generation of diagram XML with one-click injection. 3. Multi-profile configuration (baseLLMUrl, API key, model list, etc.) stored locally in the browser. 4. Image upload for multimodal context to improve model understanding. 5. Canvas-region screenshot with annotation support (freehand drawing and text notes) before sending to the model. 6. Multi-turn context support for continuous diagram refinement.

Usage

1. Open `chrome://extensions` in Chrome and enable Developer mode. 2. Click Load unpacked and select the `drawio-ai-sidebar-extension` folder. 3. Open `https://app.diagrams.net/`, then click the extension icon in the browser toolbar to open the sidebar. 4. Open Settings, create or select a profile, and fill in `baseLLMUrl`, `API Key`, and `modelList` (one model per line). 5. Click Test. Only passed models will appear in the top `Profile/Model` dropdown. 6. Enter your prompt, optionally add an uploaded image or screenshot annotations, then click Generate only or Generate and inject. 7. If needed, use the XML panel to review/edit XML and inject manually.