Skip to content
← All guides
ShotsHQ help

Canvas editor

Shape each screen, match a campaign and work faster with the keyboard.

Edit what you see

Double-click a headline or supporting line to type directly on the canvas. Select a phone to move it, resize with the square handles, or rotate with the thin arrows at its edges. Hold Shift while rotating to snap to 15-degree steps. Your original app capture stays intact.

Build the whole story

Open Screens to select, duplicate or reorder a screen. All screens gives you an overview; Edit screen gives you a larger canvas. Drag a screen to the highlighted destination, or use the keyboard controls below. Duplicating either half of a connected phone adds an independent screen after the pair and keeps the original connection.

Match appearance across selected screens

  1. Select the screen whose appearance you want to reuse.
  2. Open Text, Mockups or Style, then choose Match appearance to screens.
  3. Choose Colours, Typography, Device frame or Backdrop artwork. Colours and typography are selected initially.
  4. Select the destination screens. Use Show original appearance to compare the preview with your existing design.
  5. Choose Apply appearance. One Undo restores the entire change.

Matching keeps each capture, written copy, layout and position in place, and affects only the current store. Connected screens share one phone: changing its frame from either half updates both halves. Matching saved artwork does not generate a new image or spend credits.

Edit every headline together

In Text, choose Edit all copy to work on the current language across the set. You can edit headlines and supporting copy, or paste exactly one headline per screen using Paste a list of headlines. Load the list for review, then choose Apply changes. Cancel leaves your copy untouched; one Undo restores the previous set. Copy on a phone-only screen is retained but hidden until its layout changes.

Align with guides and snap

In Edit screen, choose Thirds or Margins from Guidesbelow the canvas, or press G to cycle the options. These overlays do not appear in exported images. Turn on Snap to help centre the phone while dragging, and use Fit to bring the full canvas back into view.

Reuse a starter direction

Browse starter sets by style, purpose or screen count. Bookmark favourites to a shortlist in this browser, preview every screen and try the exact design without an account. Inside the setup Guide, applying a direction keeps your uploaded captures and written copy. App Store and Google Play each keep an independent version, so check the store selector before editing.

Save and recover

Use Save or Command / Control + S. Saving includes the field you are currently editing; the header shows when the project has unsaved changes. Staged changes in a review dialog must be applied or cancelled before saving. Undo and Redo let you explore alternatives, and a saved project can be reopened from Projects.

Keyboard controls

Canvas shortcuts apply while you are working on the canvas. Typing in a field, using a native control or reviewing a dialog keeps its normal keyboard behaviour. Open the keyboard button below the canvas, or press ? outside a text field, for a quick reference.

  • Command / Control + S: save, including the active field.
  • Command / Control + Z: Undo. Shift + Command / Control + Z: Redo. Control + Y also redoes a change.
  • Command / Control + D: duplicate the current screen.
  • Arrow keys: move the selected phone or text. Hold Shift for larger, 10 px steps.
  • [ / ]: rotate the selected phone by 1 degree in Edit screen. Hold Shift for 15-degree steps.
  • G: cycle guides. F: fit the canvas.
  • In Screens: use the arrows to move focus, Home / End for the first / last screen, and Enter or Space to select.
  • Alt + Up / Down in Screens: reorder the focused screen.

Make yourself comfortable

Switch between dark and light editor themes with the sun or moon button. This changes the workspace appearance; your artwork colours and exported images stay the same.

When the story is ready, follow the export guide to check sizes, languages and download the final ZIP.