Drag to give your groups room to breathe.
Groups that size to their content (Arrange › Size › Automatic) have padding handles. Drag them, or set the padding in Arrange › Group Padding.
Add the https://t.co/ZjrL6HseZq diagram editor to your React app with one component.
npm install @drawio/react
Load and save diagrams, edit them in place on your page, convert Mermaid, and export PNG or SVG. Free and open source.
https://t.co/pxsKa3fz5O
Describe it. Get an editable Drawio diagram.
Flowcharts, cloud architecture, floor plans, circuits, mind maps and much more: your AI assistant draws them in Claude, ChatGPT, VS Code or Cursor, and one click opens them in Drawio.
https://t.co/Vsg2IOBM7t
https://t.co/Wuxb4TLeaI for VS Code 1.10 is out 🎉 Edit diagrams inline in your Markdown: drawio code blocks, linked .drawio.svg files and Mermaid → https://t.co/ZjrL6HseZq.
It's plain XML, so it diffs in git and your AI agent can read it. https://t.co/j1eYDUFb6i @hediet_dev
@mla4zo Building your own app? Embed mode puts the full https://t.co/ZjrL6HseZq editor in an iframe and talks JSON over postMessage. Your app keeps the file.
https://t.co/K1FFHsyuQW
@mla4zo It can! https://t.co/ZjrL6HseZq runs inside 30+ products: Confluence, Jira, Google Workspace, Microsoft 365, GitHub, GitLab, Notion, VS Code, Nextcloud, Grafana and more.
Diagrams are plain XML files, so they go wherever your project goes.
https://t.co/VCva4oZhw7
Edit https://t.co/ZjrL6HsMOY diagrams inline in VS Code's Markdown Editor.
Install the https://t.co/Wuxb4TLM0g Integration extension and reopen a .md file with the Markdown Editor. Every drawio block becomes a live editor, saved as XML in the file.
https://t.co/j1eYDUFIVQ
Connectors that go around shapes, not through them.
Select a connector › Style › Waypoints › Auto-route around shapes. Move things around and the route follows.
Ask GitHub Copilot for a diagram, then edit it in https://t.co/ZjrL6HseZq.
Copilot CLI: copilot plugin marketplace add jgraph/drawio-mcp, then copilot plugin install drawio@drawio
VS Code: Copilot Chat shows the diagrams inline.
https://t.co/VKbDWwnb5R
A year of https://t.co/ZjrL6HsMOY, from Team '25 in Barcelona to Team '26 in Amsterdam 👇
Heading to Team '26 Europe? Stop by the https://t.co/ZjrL6HsMOY for Confluence and Jira booth, and don't miss Flowchella 2.0 on Wednesday 🎶
https://t.co/cSTlvYngaQ
New in https://t.co/ZjrL6HsMOY: Follow Terminals ✨
Move, resize or rotate a shape and the waypoints on its connectors move with it. No more dragging bends back into place one by one.
Select a connector → Style → tick Follow Terminals.
#drawio#diagramming