Guides

Quickstart guides

Step-by-step walkthroughs to get you from zero to production-ready mockups on iPhone and Mac.

01

How to create your first App Store screenshot on iPhone

The cleanest starting point. Create a device mockup with your screenshot, add a background and headline, and export a finished image.

7 stepsiPhone
02

How to build a multi-device scene with iPhone, iPad, and MacBook

Place multiple devices in one scene, position them precisely, and export a single hero shot for your landing page or pitch deck.

5 stepsiPhone & Mac
03

How to create a product reveal video with keyframe animation

Switch to animation mode, record camera moves with keyframes, preview your clip, and export a cinematic video ready for social or App Store.

6 stepsiPhone & Mac
04

How to get professional 3D lighting on your mockup

Apply lighting presets, adjust individual lights, control screen gloss and reflections — and transform a flat mockup into a premium visual.

5 stepsiPhone & Mac
05

How to add text overlays and branding to your mockups

Add headlines, captions, and branding to your scene. Style fonts, apply gradient fills, position text in front or behind devices, and animate it.

5 stepsiPhone & Mac
06

App Store screenshot sizes & requirements 2026

Complete reference for every required dimension and format spec. Includes iPhone, iPad, Google Play, and upload steps for App Store Connect.

6 stepsiPhone & Mac
07

How to export transparent PNG mockups

Export device mockups with a transparent background for websites, pitch decks, and compositing. Covers shadow settings, PNG format, and use cases.

5 stepsiPhone & Mac
08

How to save and reuse mockup scenes with presets

Save your full scene — devices, camera angle, lighting, materials, and text — as a preset. Reuse it across campaigns or share as JSON with your team.

5 stepsiPhone & Mac
09

How to create mockups for your SaaS landing page

Build a complete landing page visual set — hero section, feature mockups, ecosystem shots, and transparent PNGs ready for web dev.

6 stepsiPhone & Mac
10

How to create a hero image for your app website

Design a scroll-stopping hero image with a 3D device mockup, branded text overlay, and export settings optimized for web performance.

6 stepsiPhone & Mac
11

How to showcase your app on Dribbble and Behance

Present your app like a pro on Dribbble and Behance with multiple-angle device shots, presentation layouts, and annotation callouts.

6 stepsiPhone & Mac
12

How to create social media graphics for your app launch

Design a complete social launch kit — Instagram, Twitter/X, LinkedIn, and more — from a single master device mockup with consistent branding.

6 stepsiPhone & Mac
13

How to make an app promo video in minutes

Create a cinematic promo video with keyframe animation, camera orbits, screen recordings on the device, and timed text overlays — no video editor needed.

6 stepsiPhone & Mac
14

How to make an Instagram Reel for your app

Design a 15-second vertical Reel with a 3D device mockup, smooth camera animation, text callouts, and a screen recording on the display.

6 stepsiPhone & Mac
15

How to create App Preview videos for the App Store

Build 15-30 second App Preview videos that auto-play in search results. Meet Apple's requirements and boost your App Store conversion rate.

6 stepsiPhone & Mac