How to Make iPhone Duo Mockups and App Store Screenshots (Free Outer + Inner Frames)

Why iPhone Duo needs its own mockups

iPhone Duo goes on sale October 23, and a lot of teams are spending this week on the same task: making their app look like it runs on Apple’s new foldable. The catch is that iPhone Duo has two faces. Closed, you see a 5.4-inch outer display. Open, you get a 7.6-inch inner display. A standard iPhone template fits neither — the proportions are off, and nobody can tell it’s meant to be a Duo.

AppShotMaker shipped iPhone Duo support today: two new canvas presets in the editor and eight built-in iPhone Duo device frames. This tutorial walks through the actual buttons, from raw captures to a store-ready zip and a launch-day marketing image. If you want the sizing background first, read the iPhone Duo App Store screenshot sizes guide.

Two tools, two jobs

There are two places on the site where you can use the Duo frames, and they produce different outputs:

Keep one rule in mind: App Store Connect rejects screenshots with an alpha channel. The transparent PNG from the mockup tool is perfect for a website hero or a tweet, but don’t upload it to the store. Store screenshots should come from the editor.

Meet the eight iPhone Duo frames

Open the device panel in the editor and look for the iPhone Duo group. You’ll find:

• Duo Outer (closed): Night Sky A, Night Sky B, Star White A, Star White B
• Duo Inner (open): Night Sky A, Night Sky B, Star White A, Star White B

Night Sky and Star White are the two colors iPhone Duo ships in. A and B are two different rendering styles, so you can pick whichever suits your background and brand. As a rule of thumb, Star White pops on dark backgrounds and Night Sky feels grounded on light ones.

Every frame’s screen opening is aligned to Apple’s screenshot sizes: outer frames hold exactly 1398×2034 and inner frames hold exactly 2007×2853. Your screenshot isn’t rescaled or cropped a second time when you drop it in.

Step 1: Capture outer and inner screenshots

1. On a device, or in the Xcode 27.1 simulator, capture screens with the phone closed and with it open. Apple’s Device Hub in Xcode lets you preview how your app behaves across iPhone Duo’s poses and orientations.
2. Outer-display captures are natively 1398×2034, so they’re ready to use.
3. Inner-display captures are natively 1878×2670, slightly smaller than the 2007×2853 the store expects. Just drop them onto the inner canvas — you don’t need to resize them in advance.
4. Clean up before you capture: tidy status bar, no personal notifications, realistic demo data.

Step 2: Build the outer set

1. Open the screenshot editor and select the iPhone Duo Outer preset. When you choose a Duo size, the editor applies the Night Sky A frame by default.
2. Drop in your outer capture; it sits inside the frame’s screen area.
3. Write a headline and an optional subheadline. The outer canvas is squarer than a regular iPhone canvas, so keep headlines to one or two lines and leave room for the device.
4. Choose a background — solid, gradient, or image. The final export is opaque.
5. Repeat for three to five screenshots, keeping your feature order consistent.

Step 3: Switch to the inner display

1. Change the preset to iPhone Duo Inner. The canvas becomes 2007×2853.
2. In the device panel, pick a frame from the Duo Inner series. Matching the color you used for the outer set makes the whole gallery feel deliberate.
3. Swap in your inner captures. The inner display’s selling point is space: Apple’s design guidance suggests showing an additional level of hierarchy on the larger screen, like a list and its detail view side by side. Choose screens that show that two-pane or multi-pane state.
4. Upgrade your copy from “what it does” to “what you can do at the same time” — for example, “Read and annotate side by side.”

Step 4: Export and upload

1. Click export to download a zip of images at the exact pixel sizes.
2. In App Store Connect, upload outer images to the outer slot and inner images to the inner slot — up to 10 per size.
3. Once Duo screenshots are submitted, your product page shows a badge indicating the app is optimized for iPhone Duo.

The whole workflow runs in your browser. Your source images are not uploaded to our server.

Bonus: a launch-day marketing image

Need one “closed + open” hero image for your blog, newsletter, or social post?

1. Open the device mockup tool and pick an iPhone Duo outer or inner frame from the device list.
2. Upload a screenshot that roughly matches that display’s proportions so nothing important gets cropped.
3. Export the transparent PNG.
4. Place the outer and inner mockups next to each other in Figma, Keynote, or any design tool, add a one-line announcement like “Now optimized for iPhone Duo,” and you’re done.

For more general framing advice, see device mockup best practices for app screenshots and how to make App Store screenshots that convert.

FAQ

Can I use Apple’s official iPhone Duo bezels instead? Apple published iPhone Duo product bezels in Apple Design Resources (Photoshop and PNG, covering open and closed poses in both colors). You can download them for your own marketing materials; read Apple’s marketing and identity guidelines first. The eight frames built into AppShotMaker are available directly in the editor with nothing to download.

My screenshot has black bars or gets cropped inside the frame. Why? Almost always a size mismatch. Outer frames expect a 1398×2034-proportioned image and inner frames expect 2007×2853. An inner capture dropped into an outer frame will be cropped.

Do App Store screenshots need a device frame? No. Apple doesn’t require frames, and plenty of top apps use full-bleed UI with a headline. The upside of a frame during a launch window is instant recognition: people can see at a glance that this is a Duo screenshot.

Can I reuse these images on Google Play? Avoid it. Showing an iPhone in a Google Play listing invites confusion, and Play has its own size rules. Our Google Play screenshot requirements guide covers what to use instead.

Should my inner screenshots be landscape? It depends on the app. Video, games, spreadsheets, and drawing apps can shine at 2853×2007. For most apps, portrait 2007×2853 is the safer default and stays consistent with your portrait outer set.