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

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 90+ 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 required size simultaneously and drops them in a folder on your Mac. No cloud upload, no waiting, no size you forgot.

What you actually get from a single export

A single FrameStudio export for an iPhone + iPad app produces: 3 iPhone sizes × your screenshot count, plus 2 iPad sizes × your screenshot count — all at the correct pixel dimensions Apple requires, all named clearly. If you have 5 screenshots, that's 25 files, created in under 10 seconds.

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.

Local-first. Your project files live on your Mac. No account required to open your work, no server that needs to be available, no export that requires an internet connection. The app works exactly the same whether you're at your desk or on a plane.

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.

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