The Editor

Selecting & moving elements

Select the right element, move it, copy it, and delete it — plus the on-canvas toolbar and right-click menu.

Last updated 2026-06-29

Once there's content on your page, you'll spend a lot of time selecting elements and rearranging them. This guide covers the small set of actions that make editing feel fast.

Selecting

Click an element to select it. A colored border shows what's selected, and the right panel updates to show its styling and properties.

Pages are made of nested boxes — a button sits inside a section, which sits inside the page. To select the container around what you clicked, use the select-parent arrow on the element's toolbar (below), or click the parent in the Layers tree. This is the reliable way to grab a whole section rather than the single item inside it.

The on-canvas toolbar

When an element is selected, a small toolbar appears at its corner with quick actions:

  • Select parent — jump up to the container that holds this element.
  • Move — a drag handle to pick the element up and drop it elsewhere.
  • Duplicate — make an exact copy right next to it.
  • Delete — remove the element.

Moving elements

There are two ways to move things:

  1. Drag on the canvas. Grab the move handle and drag the element to a new spot. Snap guides and a drop indicator show where it will land.
  2. Drag in the Layers panel. Open Layers and drag an element up or down the tree — or onto another element to nest it inside. This is the precise way to move something into or out of a container.

Copy, paste, and duplicate

  • Duplicate an element with its toolbar button, or copy and paste with Ctrl/Cmd + C then Ctrl/Cmd + V.
  • You can paste into a different part of the page, or even a different page, to reuse a design.
  • To reuse an element across your whole site and keep every copy in sync, turn it into a symbol instead — see Symbols.

Delete

Select an element and press Delete (or Backspace), or use the Delete button on its toolbar. Changed your mind? Press Ctrl/Cmd + Z to undo — see Undo, redo & version history.

The right-click menu

Right-click any element for a context menu with the common actions — copy, paste, duplicate, and delete — plus an Ask AI… group that can rewrite, restyle, or brand-match the selected element on the spot. See The AI design copilot.

Where to go next