LaunchFrame Studio

Ship store screenshots

Fastest pathBuild an editable, store-sized narrative set in one guided step.

Choose or create a project
Pick a template
Add your screenshots
Edit headline & subheadline
Check
Download from

Select an object to edit its styling and callouts in the Properties inspector.

1 · Project

This is the saved project name (used only here to organise your work) — ✎ Rename changes it. It's separate from the headline text on the screenshot.

💾 Saved locally in this browser. Projects & assets stay on this device — nothing is uploaded to a server. Use to move them to another browser or device.

2 · Template

Smart Set builds the story Template changes the layout Brand Kit applies your identity

A template is a starting layout. “Apply to Slide” keeps your screenshot & background; “New Project” starts a fresh set. Save your own layout (with custom layers, groups & transforms) as a Custom template.

Slides

Each slide is one screenshot in your set. Steps 3–4 below edit the selected slide.

3 · Screenshot

Drop your real app screen into this slide. Scale and position live in Properties; reusable assets live in .

4 · Copy

Headline (Enter for line breaks)

Subheadline (optional)

Wrap **words** in the headline to accent them. Font, size, and color live in Properties.

App identity & naming

App / product name (editor only)

Shown in this editor's header — not drawn on your screenshots. The visible text on a screenshot is its Headline layer. Rename saved projects in .

Export filename prefix

Brand Kits

A Brand Kit is a saved set of reusable brand defaults — colours, font, background, frame, logo & naming. Save your look once, then apply it to any slide or project.

Active kit

Apply the selected kit

Manage kits

Apply options

Apply identity (title & prefix) Apply logo Apply slide style Clear current logo if kit has none

Brand Kits save reusable visual identity — colours, font, background, frame, logo & naming — not slide text, screenshots, annotations, or positions. Applying a kit restyles slides without changing layout or copy.

Set consistency

Use the current slide as the visual source for the rest of the set. Copy only the groups you choose; screenshots, copy, callouts, and custom layers stay untouched. The change is one-step undoable.

Layout

Presets reposition text + screenshot. Fine-tune with the sliders after.

Typography

Font Family

The quick brown fox

Load any Google Font

Headline

Size

Weight

Line Height

Letter Spacing

When too long

X Position

Y Position

Alignment

Color

Accent — wrap **words** to highlight

Text shadow (legibility)

Subheadline

Size

Weight

Position preset

Text colour

X Position

Y Position

Accent bar

Accent bar geometry

Bar X

Bar Y

Bar Width

Bar Height

Bar X/Y/Width/Height are % of the canvas.

Footer / Wordmark

Text (optional)

Size

Fine tune

X Position

Y Position

Centered on its anchor with flanking lines.

Device Frame

Style

Frame wraps your screenshot in a device mockup. Use a full-screen app screenshot for best fit.

Background

Mode

Color Preset

Advanced background

Orb Intensity

Blur

Orbs X

Orbs Y

Screenshot

The main place to add your app screen for this slide. Already used it before? Reuse it from Assets below instead of re-uploading.

📱

Drop screenshot here
or click to browse

Scale

Fine tune position

X Position

Y Position

Corner Radius

Show placeholder

Rotate & 3D tilt

Rotate (in-plane °)

Tilt X (° — top/bottom)

Tilt Y (° — left/right)

Rotate spins the screenshot in place; Tilt X/Y angle it in 3D for an oblique, perspective look. All default to 0 (flat). Applies to the preview and every export.

Logo

🖼️

Drop logo here
or click to browse

Show logo on this slide

Position

Alignment

Fine tune

Size

X Position

Y Position

Logo uploads once for the whole project; show it per slide. Use a transparent PNG for best results.

Assets — media library

One place to manage every image — screenshots, logos, backgrounds & custom image layers. Assets are saved locally in this browser/project. Nothing is uploaded to a server.

Or save the current slide's image to Assets

Assets embed full images in the project save — heavy use grows local storage (use Backup .json for safety). Uploads through Screenshot / Logo / Background are added here automatically.

Layers

The single layer tree lives in the permanent Layers rail. These legacy file inputs remain only as insertion targets.

Annotations

Callouts draw on top of everything and appear in every export. Drag on the canvas to move; arrow keys nudge; Delete removes. Select one above to edit it.

Artboards — export targets

An artboard is a final exported canvas size & platform. The artboard controls the exported canvas; the mockup scale (Media) controls the device shown inside it. Enable the artboards you want to export.

Choose exact artboards

Custom artboards

Name

Platform

Width px

Height px

Custom artboards export at their own dimensions (filenames include the id & size). Built-in artboards match current store sizes.

Store Coverage

Targets use current official store sizes. “Activate all” replaces your active devices; “Activate required” only adds the required ones. uses the preset selected here and warns if required targets are missing.

Preflight QA

Heuristic checks for common export problems — missing screenshots, edge-hugging text, low contrast, hidden layers, missing store targets. Warnings never block export.

Guides

Show safe-area guides

Show layout grid

Snap to grid

Preview only — guides are never exported. Conservative visual margins for edges & notches, not official requirements.

Artboard overrides

Per-platform layout overrides

Use overrides when this platform needs a different layout. Base applies to all artboards; pick a group to give it a custom layout/frame/mockup scale & position — text, colours & images stay shared from Base.

Store readiness

Export current screenshot

One PNG — the selected slide at the selected device's exact store size.

Export all slides

Separate PNG downloads, named <prefix>_<device>_slide<n>_<w>x<h>.png.

Store submission bundles

Store preset — pick one in first, then export it here:

Each .zip is one organized download with a manifest.json, foldered by device / store target.

Promo video & animation

Static PNG/ZIP exports ignore motion; video export includes it. Build the slide flow and each object's ordered entrance, emphasis, and exit steps in the focused timeline.

Default auto slide length

Timeline 0.0s / 0.0s

Crossfades through all slides and includes the ordered object motion from the timeline. The video keeps the selected artboard's aspect ratio and is capped at 1920 px on its longest edge. Saves .mp4 (H.264) when supported, else .webm — App Store needs a .mov container (remux losslessly, e.g. ffmpeg).

Backup / restore

⬇ Restore

Portable .json copy of this project — slides, images, brand kits & assets included. Restore opens it as a new project.

Template files

⬇ Import

Export the current slide's style as JSON, or import a template file.

Danger Zone

Resets every slide & setting in the current project. Other projects are untouched.

Keyboard shortcuts

Command palette: ⌘/CtrlK
Tools: V move · H hand · T text · R rectangle · K scale
New slide: N
Undo / Redo: ⌘/CtrlZ · ⌘/Ctrl⇧Z
Duplicate: ⌘/CtrlD custom layers & callouts
Delete: Delete / Backspace
Group / Ungroup: ⌘/CtrlG · ⌘/Ctrl⇧G
Multi-select: ⇧-click, or drag a marquee on empty canvas
Nudge / faster: ←↑↓→ · ⇧←↑↓→ (×5)
Align to edge: ⌘/Ctrl←↑↓→
Edit text in place: Enter or double-click a text layer
Reorder callout: [ / ] (⇧ = to back/front)
Deselect / clear: Esc
Zoom canvas: ⌘/Ctrl + scroll · Fit / 100% on the stage

Shortcuts are ignored while you're typing in a field. Apply animations & presets from the selection inspector.