Design once, export every App Store size in one click — how FrameStudio works

TL;DR: Traditional screenshot workflows require a separate artboard for every device size — 15+ files for a typical iPhone + iPad app. FrameStudio replaces that with one canvas and one export click that produces every required size simultaneously.

If you've prepared App Store screenshots manually, you know the part that actually takes time. It's not writing the copy. It's not choosing the colors. It's the resizing — exporting for 6.5", adjusting the layout because something broke, exporting again for 6.7", noticing the font is too small, going back, re-exporting all of them. By the time you're done, an afternoon is gone.

FrameStudio is built around a single idea: design once, export every required size at once. Here's how it works in practice.

The problem with artboard-per-size workflows

Most screenshot workflows — whether in Figma, Sketch, or a browser tool — follow the same pattern. You create one artboard at one size, get it looking right, then duplicate it for every other required size and manually adjust. For iPhone alone, Apple requires three sizes: 6.5" (1242×2688), 6.7" (1290×2796), and 6.9" (1320×2868). If you have five screenshots, that's 15 artboards minimum — before you touch iPad or Mac.

Every change you make to copy, colors, or layout has to be made 15 times. Or you use components and symbols and hope nothing breaks when you resize. It always breaks somewhere.

How FrameStudio handles sizes

In FrameStudio, you design one canvas. The app handles size adaptation internally — your layout, text, device frame, and background scale correctly to every required dimension. When you're done, you click Export and get a folder containing every required PNG, labeled and ready for App Store Connect.

For iPhone, that means 6.5", 6.7", and 6.9" — all at once. For iPad, 11" and 12.9". For Mac, MacBook Air and MacBook Pro sizes. One design, one click, done.

What the workflow actually looks like

Step 1: pick a template or start from scratch. FrameStudio ships with 60+ templates organized by category and device. Pick one that matches the mood of your app, or start from a blank canvas if you have a specific layout in mind.

Step 2 — Drop in your screenshots. Drag your raw UI captures into the device frame slots. FrameStudio shows a live preview inside the correct device bezel — iPhone 16 Pro, iPad Pro, MacBook Air, whatever you're targeting.

Step 3 — Edit your copy and style. Change the headline text, swap the background color or gradient, adjust font size. Every change previews live. You work on one canvas and see the result in real time.

Step 4: export. One click. FrameStudio generates every size for your device at once and saves them in a folder on your Mac, one subfolder per size. No size you forgot. (Exporting needs FrameStudio Premium.)

What you actually get from a single export

A single FrameStudio export of an iPhone project produces 5 sizes (6.1", 6.3", 6.5", 6.7" and 6.9") × your screenshot count, at the exact pixel dimensions Apple accepts, one folder per size; an iPad project exports the 11" and 13" sizes. With 5 iPhone screenshots that's 25 files from one design.

The features that make it work

Real device frames. FrameStudio uses pixel-accurate device bezels — not generic phone outlines. They update with every new Apple hardware release, so your screenshots don't look like they were made for a three-year-old device.

Canvas-based editor. Drag, align, nudge. The editor works like design software should: layers, precise positioning, keyboard shortcuts. No drag-and-drop limitations of a web template tool.

Native. FrameStudio is a Mac app: it uses your Mac's fonts, renders every export on your machine and saves it straight to your disk. You sign in with Apple and projects are saved to your FrameStudio account.

Background presets. Solid colors, gradients, subtle grids — a library of backgrounds that look professional without looking generic. You can also drop in a custom image or set a custom color.

Custom fonts. Use any font installed on your Mac. Your brand's typeface, a system font, a free font from the web — if macOS can render it, FrameStudio can use it.

Who this workflow is for

This approach is optimized for solo developers and small teams who ship infrequently. If you're updating screenshots a few times a year — new device sizes, new features, new visual direction — the artboard-per-size approach costs you hours every time. A single-canvas workflow costs you minutes.

It's also the right choice if you work across multiple devices. Building for iPhone and iPad means maintaining two separate sets of artboards in traditional tools. In FrameStudio, you build for both in one session and export everything at once.

[FrameStudio](/) is free to download on the Mac App Store. Open it, pick a template, and see how long it actually takes to get from zero to a complete export.

About FrameStudio

FrameStudio is a native Mac app for App Store screenshots: real iPhone, iPad and Mac device frames, a canvas editor and one-click export of every size App Store Connect needs. Free to download on the Mac App Store; exporting, AI translation and the MCP connection come with FrameStudio Premium (a subscription or a one-time lifetime purchase).

See also: App Store Screenshot Sizes 2026 · App Store Screenshot Tools Compared · Screenshots and ASO: the Most Underrated Lever