Canva Layers & Arranging Shortcuts
Once a design has more than a couple of overlapping elements, controlling which one sits visually in front of another becomes essential — these shortcuts govern the layering stack, plus grouping multiple elements together so they can be moved and resized as a single unit.
| Action | Windows | Mac | Description |
|---|---|---|---|
| Group selected elements | Ctrl+G | Cmd+G | Combines whatever's currently selected into a single group so dragging, resizing, or rotating affects all the pieces together instead of one at a time, the same basic convention PowerPoint and Figma both use. |
| Ungroup selected group | Ctrl+Shift+G | Cmd+Shift+G | Breaks a previously grouped set of elements back into individually selectable and editable pieces, the reverse of the group shortcut. |
| Bring element forward one layer | Ctrl+] | Cmd+] | Moves the selected element up one position in the layering stack, useful for fine-tuning overlap order without sending something all the way to front or back. |
| Send element backward one layer | Ctrl+[ | Cmd+[ | Moves the selected element down one position in the stack, the counterpart to bringing forward. |
| Bring element to front | Ctrl+Shift+] | Cmd+Shift+] | Jumps the selected element all the way to the top of the layering stack in one step, rather than nudging it forward one position at a time. |
| Send element to back | Ctrl+Shift+[ | Cmd+Shift+[ | Jumps the selected element all the way to the bottom of the layering stack, the counterpart to bringing an element fully to the front. |
| Select all elements on current page | Ctrl+A | Cmd+A | Selects every element on the currently active page at once, useful for applying a bulk action like grouping or moving the entire page's layout together. |
Grouping (Ctrl+G / Cmd+G) combines whatever's currently selected into a single unit, so subsequent dragging, resizing, or rotating affects every piece together rather than one element at a time — the same basic convention PowerPoint and Figma both use for the identical underlying purpose, useful once a design has a cluster of elements (an icon plus its caption, say) that should always move and scale together as one logical piece.
Ungrouping (Ctrl+Shift+G / Cmd+Shift+G) reverses this, breaking a previously grouped set back into individually selectable and editable pieces — necessary once one specific element within a group needs adjusting on its own without dragging the whole group along with it.
Bringing an element forward or backward one layer at a time (Ctrl+] and Ctrl+[, or the Cmd equivalents) fine-tunes overlap order incrementally, useful when a design has several overlapping elements and only a small adjustment to the stacking order is needed rather than sending something all the way to the extreme front or back.
Bringing to front or sending to back entirely (Ctrl+Shift+] and Ctrl+Shift+[) jumps an element all the way to one extreme of the layering stack in a single action, the faster option when the goal is a decisive full front-or-back placement rather than a small incremental nudge.
Selecting all elements on the current page (Ctrl+A / Cmd+A) grabs everything on the active page at once, useful for a bulk action like grouping an entire page's layout together before duplicating it, or nudging the whole page's content slightly to make room for something new without needing to individually select each element first.
A practical distinction worth understanding between the incremental (bring forward/send backward) and absolute (bring to front/send to back) layering shortcuts: on a design with only two or three overlapping elements, the difference barely matters since one incremental nudge often achieves the same visual result as jumping straight to an extreme. On a busier design with many stacked elements, though, reaching for the wrong one of the pair can mean pressing the incremental shortcut repeatedly to work an element all the way through a dozen other layers, when the absolute front/back shortcut would have achieved the same final position in a single keypress.
Worth knowing too: grouping and layering interact in a specific way — a grouped set of elements is treated as a single unit within the layering stack, meaning bringing a group forward or backward moves every element inside that group together as one block relative to everything else on the page, rather than letting the individual elements within the group interleave separately with ungrouped elements around them.
A locked element, covered in more depth in the element-editing category, also has a specific interaction with layering worth knowing about here: a locked element can still be moved forward or backward within the layering stack even while locked, since locking specifically protects an element's position and content rather than its stacking order — this matters if a background element has been deliberately locked in place but still needs its layer order adjusted relative to newly added elements above it, since locking doesn't need to be temporarily removed just to make that specific kind of adjustment.
Unlike Photoshop or Figma, Canva doesn't expose a dedicated, persistent layers panel listing every element on a page in a scrollable vertical stack by name — layering in Canva is managed purely through these forward/backward and front/back shortcuts (or the equivalent right-click menu options) applied directly to whatever's currently selected on the canvas, rather than through a separate panel showing the full stacking order at a glance. This is a genuine simplification compared to a professional design tool's more granular layers panel, consistent with Canva's overall positioning as an accessible tool rather than a dense, professional-grade editor — for a design with only a handful of elements this rarely matters, but on a busier design with many overlapping pieces, figuring out the current stacking order sometimes requires a bit more trial and error with these shortcuts than a dedicated layers panel would allow.