Help · Multi-panel

Multi-panel carousels.

TL;DR. Click the "+ Panel" button below the carousel to add panels. Each panel gets its own layers (text, devices, decorations). The global background gradient flows continuously across all panels. Any layer can be toggled to "span all panels" — useful for headlines or decorations that read as one element across the row.

Why multi-panel

The App Store shows up to 10 screenshots in a swipeable carousel. Top-100 apps almost always design these as one continuous story, not 10 disconnected images. Multi-panel is built around this — pick 3–5 panels, design the carousel as a whole, export as a unit.

Adding and reordering panels

Add a panel: click "+" between existing panels or at the end of the row.
Duplicate a panel: click the dup button on the panel's hover toolbar.
Reorder: drag the panel left/right in the panels-list at the bottom of the editor.
Delete: the X button on the panel's hover toolbar. You can't delete the last panel — one is the minimum.

The shared background

By default, every panel uses the global background (set via the Background controls in the sidebar). For a gradient, that gradient is sliced per panel at render time, so a multi-panel gradient reads as one continuous gradient across the App Store carousel.

Override per-panel: pick a panel, switch the background to "Per-panel" in the sidebar, and you can give that one panel its own background.

Spanning layers

Any layer (text, device, image, SVG) can become a row layer that crosses all panels. Select the layer → properties → toggle "Span over all panels". The layer's x-coordinate switches to a global row-coord-space. Common uses:

A long horizontal headline reading across the top of every panel
A single elongated device spanning the carousel
A wavy decorative bar connecting panels

The handles for a spanning layer can extend outside individual panel boundaries — they stay visible via the dedicated HandlesOverlay that lives outside the per-panel clipping.

Per-panel devices

Most carousels use the same device frame across all panels (iPhone 16 Pro Max for instance), but you can mix freely — e.g., one panel showing an iPad, the rest showing iPhone. Use device-pin instead of Auto for the iPad panel.

Designing the carousel as a whole

Things that work well across multi-panel:

Vary device tilt direction — alternate -10° / +10° / -10° on consecutive panels for visual rhythm
Anchor caption position consistently (e.g., all captions in the top quarter) so the carousel reads predictable
One "money panel" — usually the second or third panel — gets the strongest visual; the others support it
End on a CTA-shaped panel — the last panel before the App Store fades out the carousel

Common questions

How many panels max?

App Store accepts up to 10 screenshots per device class per locale. Screenshotify imposes no limit on the editor side, but more than 7 panels gets visually exhausting.

Can I have different panel sizes in one project?

No — all panels in a project share one size (panel-width × panel-height). Change panel size globally via the export-format dropdown.

What if the same caption should appear on every panel?

Make it a spanning text layer. One layer, every panel renders it. Edit once, all panels update.

Open the editor → Feature details