Navigate the Canvas

The canvas is where your design lives. Whether you opened an AI-generated design or a blank one, everything you see there is a real, editable element. Here's how to get around it fast.

The editor layout

• Header (top). Click the project title to rename it (Enter saves, Esc cancels). Next to it you'll see the live save status (Saved, Saving…, or Save failed), a chip with your canvas size, undo and redo buttons, a toggle for the AI designer chat, and the Export button.

• Canvas (center). Your design, scaled to fit the window, with everything you need floating right on top of it: a contextual toolbar above whatever you select, an add bar at the top (Text, Image, Shape, Background), a zoom pill and a Layers button at the bottom, and a slides pill on carousels.

• Side panel (left). Still there for the deep controls: Design (every property of the selected element), Uploads, Media Generator, Assets, Brand Kit and Background. Open it from the left navigation, or pick All options from the toolbar's More menu.

• AI chat (right, optional). Toggle it from the header, or hit the sparkle button on any toolbar to ask Krumzi about the thing you have selected.

Zooming and panning

• Scroll to pan. Hold Cmd (Mac) or Ctrl (Windows) and scroll to zoom at your cursor, or pinch on a trackpad. Zoom runs from 10% to 400%.

• Hold Space and drag (or drag with the middle mouse button) to move the view around.

• The zoom pill at the bottom has −, +, the current percentage and Fit. Cmd/Ctrl + 0 fits the design back into the window; Cmd/Ctrl + = and − step the zoom.

The canvas size itself is fixed once a design exists. You pick the format (Instagram, LinkedIn, TikTok, custom dimensions and more) when you create the design in the AI Designer.

Selecting elements

Hover anything and a thin outline shows what you're about to grab. Click to select it: you get a purple box with round handles, a rotation handle underneath, and the toolbar for that element type above it.

• Shift + click adds to or removes from the selection. Drag on empty canvas to draw a marquee around several elements. Cmd/Ctrl + A selects everything.

• A multi-selection gets one box around all of it, and resizing scales the whole set together.

• Click the background to select the background itself (its toolbar shows your brand colors). Press Esc or click outside the design to deselect.

• Tab jumps to the next element and Shift + Tab goes back, handy when a small element is hiding behind a big one.

• Locked elements show a small lock badge and can't be moved by accident; their toolbar just offers Unlock.

Right-click for the quick menu

Right-click any element and it's selected with a menu at your pointer: the type's own action first (Edit text, Crop plus Fit to slide and Fill slide for images, Add or Edit label for shapes), then Duplicate, Copy, Paste and Delete, the layer order commands, an Align submenu, Lock, Group, and All options for the full Design panel. Right-click empty canvas for Paste, Select all, Add text, Upload an image, Edit background and Fit to screen. While you're typing in a text, the browser's own menu shows instead.

Moving elements

• Drag the element anywhere. A small readout shows its position while you move.

• Orange smart guides light up when an edge or center lines up with another element or with the slide's edges and center, and the element snaps into place. Hold Alt/Option to move freely without snapping, or Shift to lock the move to one axis.

• Arrow keys nudge 1 px at a time; hold Shift for 10 px steps.

Resizing and rotating

• Corner handles resize images and shapes while keeping their proportions (hold Shift to free them). On text, corners scale the font size.

• Side handles stretch width or height. On text they change how the words wrap; the box grows or shrinks to fit.

• Drag the rotation handle below the box to tilt an element. It snaps near 0°, 90°, 180° and 270°; hold Shift for 15° steps. The readout under the element shows the exact angle and stays put while you drag, and you can still type a value in the Design panel's Tilt field.

Layers

Elements stack in the order they were added. Cmd/Ctrl + ] brings the selected element forward and Cmd/Ctrl + [ sends it back (add Shift to jump all the way to the front or back). The Layers button at the bottom opens a card listing every element from top to bottom: click a row to select it, drag rows to reorder, or lock a layer from there.

Undo and autosave

Every gesture is one undo step, and the undo button tells you what it will undo ("Undo Move", "Undo Edit text"). Deleting something shows a toast with an Undo button. You don't need to save: changes are written a couple of seconds after you stop editing, and the header tells you where things stand. If you ever see "Save failed", check your connection; your last saved version is safe.

Tips

• Zoom in to check small text and alignment before you export.

• Use Tab to cycle through elements instead of hunting for tiny ones with the mouse.

• Prefer talking over clicking? Select the element and hit the sparkle button, or open the AI chat and say "move the headline up and make it bigger."