数据月份 2026-08

Draw.io AI Sidebar

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.

在 Chrome 商店安装 ↗

据 AlphaMoat 统计,截至 2026-08,Chrome 插件 Draw.io AI Sidebar 用户数为 50,环比 +47.1%,评分 5(1 人评价),在全部 9,793 款 AI 浏览器插件中排名第 5,367 位,在「图像设计」分类(445 款)中排名第 277 位。

用户数 · 2026-08

50+47.1%

评分

★ 51 评价

全站排名(9,793 个)

#5,367

「图像设计」排名

#277/ 445

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 项

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

展开 Chrome 商店完整介绍▾

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.