How to put a screenshot in an iPhone frame on a Mac

Updated October 30, 2026

The quickest way to put a screenshot in an iPhone frame on a Mac is to drop it into an app that knows the device, picks the matching frame and exports the result. If you’d rather do it by hand, download a frame PNG with a see-through screen and put your screenshot on a layer below it in Keynote, Figma or Pixelmator Pro. Both take under a minute once you know the steps.

A framed screenshot reads as a phone at a glance. In a feed, that tells people they’re looking at an app, not a random image, before they read a word. This guide covers three ways to do it, from fastest to most manual.

Before you start: get the right screenshot

A frame only fits cleanly when the screenshot is the full screen at the device’s own resolution. That’s what you get when you take it on the phone or in the Simulator:

On an iPhone with Face ID: press the side button and volume up together.
In the iOS Simulator: choose File > Save Screen, or press ⌘ S.

Send it to your Mac with AirDrop, Photos or iCloud. Don’t crop it or resize it first. An iPhone 18 Pro screenshot, for example, is 1206 × 2622 pixels, and that exact size is what tells a tool which phone it came from. If you’re not sure which device made a screenshot, the screenshot size guide maps sizes to devices.

Option 1: drop it into FeatureFrame

FeatureFrame is a Mac app made for this one job. It reads the screenshot’s pixel size, finds the device that made it and frames it in a 3D model of that phone.

Open FeatureFrame and drop the screenshot onto the window, or paste it with ⌘ V.
It picks the matching iPhone or iPad for you, from iPhone 11 Pro to iPhone 18 Pro Max, iPhone Air, iPhone Duo and the iPad Pro, Air and mini. You can change the device and its color in the right panel.
Tilt the phone by dragging in the angle editor, or pick one of the angle presets.
Choose a canvas shape for where you’re posting, such as 4:5 for an Instagram post or 16:9 for X, and a background: a solid color, a gradient, a macOS wallpaper or your own image.
Copy the image with ⌘ C and paste it straight into a post, drag it out of the window, or export it with ⌘ E at 720p, 1080p or 4K.

You can put up to three screenshots on one canvas, in a row, a column or overlapping, and they share a size and spacing. Free users get the Clay Phone and Clay Tablet frames in white or black, and exports carry a small FeatureFrame badge. FeatureFrame Pro unlocks every real device frame, your own watermark or none, and PNG export.

Option 2: use a free frame PNG

If you already work in Keynote, Figma or Pixelmator Pro, a frame PNG is enough. The device frame library has a free PNG for each iPhone and iPad model, with a see-through screen sized so that model’s screenshots fit it pixel for pixel. Each device page, like the iPhone 18 Pro frame, lists the screenshot size it fits and the exact x and y position for it.

The rule in every app is the same: the screenshot goes on a layer below the frame. The frame’s bezel and rounded corners then cover the screenshot’s edges.

In Keynote

Make a new presentation and set the slide size in the Document inspector to your canvas, such as 1080 × 1350.
Drag in your screenshot, then drag in the frame PNG.
With the frame selected, choose Arrange > Bring to Front. Keynote keeps the PNG’s transparency.
Select both, resize them together while holding Shift, and line the screenshot up with the screen opening. Group them so they move as one.
Choose File > Export To > Images and pick PNG.

In Figma

Make a frame at your canvas size and give it a background fill.
Drop in the frame PNG and the screenshot. In the layers panel, drag the screenshot below the frame.
Set both to the size and position from the device page at 100% scale, then group them and scale the group to fit your canvas.
Export the frame as PNG or JPEG.

In Pixelmator Pro

Open the frame PNG. Its canvas is already the right size.
Drag in the screenshot, move its layer below the frame in the Layers sidebar, and set its position to the x and y from the device page.
Merge or group the two layers, then change the canvas size and add a background layer at the bottom.
Export with File > Export.

Option 3: Apple’s product bezels

Apple publishes official device images on its Design Resources page under Product Bezels, as Photoshop files and PNGs for recent iPhone and iPad models. Layering works the same way: screenshot below, bezel on top. Apple asks you to review its marketing resources and identity guidelines when you use the bezels in marketing, so read those before you post.

Getting the details right

Hide the status bar clutter. A low battery or a dozen notification icons distract from your app. In the Simulator, run xcrun simctl status_bar booted override --time 9:41 --batteryLevel 100 before you capture, or retake the screenshot when the phone looks tidy.
Leave room around the phone. A frame pressed against the edge of the image looks cramped and can be cut off by a feed’s preview. Keep a margin of at least a tenth of the canvas.
Add a soft shadow. A faint shadow under the phone lifts it off the background. Keep it subtle.
Pick a frame color that fits. A light frame on a dark background, or the other way around, keeps the phone’s outline clear.
Export at the platform’s size. See image sizes for sharing app screenshots for each platform’s shape.

What about Mac screenshots?

A Mac window capture doesn’t need a device frame. It already has a window shape. Capture the window, then put it on a background with some padding and a shadow. If the capture came with macOS’s own drop shadow, see how to take a Mac screenshot without the shadow. FeatureFrame recognizes a window capture, crops off the macOS shadow, keeps the rounded corners and frames it as a plain card.

Next steps

Once your screenshot is framed, the rest is presentation. How to make screenshots look good on social media covers backgrounds, padding and consistency across a series, and there are guides for sharing on X and Instagram carousels. To skip the layers entirely, get FeatureFrame on the Mac App Store.