draw.io (diagrams.net) Keyboard Shortcuts
draw.io's shortcut set is built around the two most repetitive actions in any diagramming session — placing connected shapes and drawing the lines between them — and it borrows liberally from Visio-era conventions that a lot of enterprise diagram-makers already have some familiarity with. Because it's free and works entirely client-side with no required account, a meaningful share of its user base treats it as a lightweight, no-friction alternative to paid tools like Lucidchart or Visio, and its shortcut depth reflects that utilitarian positioning — solid coverage of the core copy/paste/align/connect actions without the deeper collaborative or presentation-mode features that come with more feature-rich paid competitors. Connection-drawing specifically (hovering a shape's edge to get directional arrows, then clicking to auto-connect to another shape) is more of a mouse-hover interaction than a keyboard shortcut, but the resulting connector's routing and style adjustments do have dedicated keyboard-accessible shortcuts once a connector is selected. Templates and shape libraries add another layer worth knowing about — draw.io ships with pre-built libraries for AWS architecture, UML, network diagrams, and more, each toggleable from the left sidebar, and moving between them means clicking a sidebar tab rather than pressing a key, since each library is fundamentally a visual palette rather than something a command could represent. Because the whole tool runs as a single-page web app with no required login, opening it fresh each time means starting from whatever default shape libraries were last enabled, which is worth knowing if you expect a previous session's sidebar configuration to persist automatically without an account to save that preference against. Shape locking and cross-library keyword search both address a real annoyance that shows up once a diagram gets busy — accidentally dragging a background element out of place while working on something layered above it, or not remembering which of several enabled shape libraries a particular icon actually lives in, both of which are common enough friction points that draw.io built dedicated (if not heavily keyboard-bound) solutions for each.
Shape Placement
| Action | Windows | Mac | Description |
|---|---|---|---|
| Copy selected shape | Ctrl+C | Cmd+C | Copies the selected shape(s) to the clipboard, standard convention for duplicating diagram elements before pasting and repositioning them. |
| Duplicate selected shape | Ctrl+D | Cmd+D | Clones the selected shape right where it is, dropping the copy just off from the original's position, a single-key alternative to a full copy-and-paste round trip when a diagram needs several repeated elements. |
| Edit shape's text label | F2 or double-click | F2 or double-click | Drops the selected shape's label into an editable text field, using F2 — the same key Windows Explorer and countless other Windows-influenced apps use for entering rename mode. |
| Toggle a shape library panel | Click library name in sidebar | — | Expands or collapses a specific shape library (like AWS icons or UML shapes) in the left sidebar, with no dedicated keyboard shortcut since library selection is a visual browsing action. |
| Search shape libraries by keyword | Search box at top of shape panel (no shortcut) | — | Searches across every enabled shape library at once by keyword, faster than manually browsing through several expanded libraries individually when you know roughly what shape you're looking for but not which specific library it belongs to. |
Connections
| Action | Windows | Mac | Description |
|---|---|---|---|
| Draw connection between shapes | Hover shape edge, click and drag to target | Hover shape edge, click and drag | Hovering near a shape's edge reveals directional arrows; clicking and dragging from one to another shape creates a connector automatically routed between them, primarily a mouse-hover interaction rather than a keyboard shortcut. |
| Change connector line style | Right-click connector > Edit Style | Right-click connector > Edit Style | Opens a style editor for the selected connector line, letting you adjust routing (orthogonal, curved, straight), arrowheads, and stroke style once it's already drawn. |
Editing Alignment
| Action | Windows | Mac | Description |
|---|---|---|---|
| Align selected shapes | Arrange panel > Align (no default single key) | — | Aligns multiple selected shapes to a common edge or center line, primarily accessed through the right-side Arrange panel rather than a dedicated keyboard shortcut. |
| Undo | Ctrl+Z | Cmd+Z | Reverts the last action, standard convention shared with virtually all editing software. |
| Group selected shapes | Ctrl+G | Cmd+G | Bundles multiple selected shapes into one combined unit so a whole cluster can be dragged, scaled, or repositioned together instead of individually, handy once a diagram has several related elements that should stay aligned. |
| Export diagram as image | Ctrl+Shift+E | Cmd+Shift+E | Opens the export dialog to save the current diagram as a PNG, SVG, or PDF file, distinct from saving the native editable .drawio file format. |
| Zoom in on canvas | Ctrl+Shift+H (fit page) or Ctrl+= to zoom in | Cmd+= | Increases the zoom level on the diagram canvas, useful when working with small text labels or tightly packed shapes that are hard to click precisely at a normal zoom level. |
| Select all shapes | Ctrl+A | Cmd+A | Selects every shape and connector currently on the canvas, useful before a bulk action like changing overall font size or moving an entire diagram together to make room for additions. |
| Lock selected shape in place | Ctrl+L (varies) or right-click > Edit > Lock | Cmd+L | Prevents the selected shape from being accidentally moved or resized, useful for a background element like a container box that other shapes should sit inside without risk of it shifting when you're selecting or dragging things nearby. |
Frequently Asked Questions
Is draw.io really free, including for commercial use?
Yes, the core draw.io/diagrams.net application is free and open-source under an Apache license, usable without an account directly in-browser or as a downloadable desktop app, with no feature paywall for basic diagramming — this is a genuine distinguishing factor compared to most competing diagramming tools that gate meaningful features behind paid tiers.
Where does draw.io actually store my diagrams if there's no required account?
By default, diagrams can be saved locally to your device, or optionally connected to Google Drive, OneDrive, GitHub, or other storage providers you authorize — draw.io itself doesn't require a proprietary cloud account or store your files on its own servers unless you specifically choose a cloud storage integration that does.
Can shapes auto-connect and re-route automatically if I move one of them later?
Yes — connectors drawn between two shapes remain attached to both endpoints by default, so moving either shape automatically re-routes the connecting line to maintain the connection, rather than leaving a disconnected line behind, which is standard behavior for most modern diagramming tools including draw.io.
Do my shape library preferences (which libraries are expanded) save between sessions without an account?
Not reliably — since draw.io doesn't require an account and stores diagrams locally or in your chosen cloud storage rather than in a proprietary user profile, sidebar and library preferences can reset on a fresh browser session unless you're using the desktop app or have connected a persistent storage provider that retains more session state.
What file formats can I export a finished diagram to?
draw.io supports exporting to PNG, JPG, SVG, and PDF for sharing a rendered image, plus its own native .drawio XML format (which is also valid, editable, embeddable XML) for anyone who needs to reopen and continue editing the diagram later.
Are the AWS, UML, and other specialized shape libraries accurate and kept up to date?
The built-in libraries are community-maintained and generally solid for common diagram types, though highly specialized or very recently released icon sets (like a brand-new cloud service's icon) may lag behind the vendor's own official icon releases, since draw.io's libraries aren't officially licensed or synced from those vendors in real time.
Can multiple people collaborate on the same draw.io diagram simultaneously?
Real-time simultaneous collaboration depends on which storage backend is connected — some integrations (like certain cloud storage providers) support shared concurrent editing, while working with purely local files does not, since draw.io itself doesn't run its own dedicated always-on collaboration server the way some competitors do.
Can I prevent a background shape from being accidentally moved while editing other shapes on top of it?
Yes, locking a shape (via right-click > Edit > Lock, or its keyboard shortcut) prevents it from being selected or moved by normal click-and-drag interaction, which is useful for something like a background container or swimlane that other shapes need to sit inside without risk of accidentally dragging it out of position while working on the shapes layered above it.