Device Mockups

Apple is great and publishes device frames so you can use them for mockups. Unfortunately this isn't across the board, and most companies don’t make nice device frames, especially Android and Windows!

I’ve collected some of these for me to use, and will try and keep them up to date.

Sketch file here, and Figma file for 2025 models: https://jjy.me/resources/mdf-gd

Also on Gumroad (if that’s easier!)

Latest update — 11 Sept 2025

• Added the iPhone 17 Pro, Pro Max, and Air, all SVGs (PNGs also included)!
• Started changing files so that frames are made with just 100px padding on each edge, as this seems easier (done to all iPhones)

Provided is:

• The Sketch file with all the frames, including details of coordinates for screenshots, resolutions, and sizing guides
• PNG exports for your use

Credits for the images are as follows:

• iPhone 16 Pro Max, Pro, Plus and normal — Apple Developer Resources (https://developer.apple.com/design/resources/)
• Pixel 9 Pro + XL - Me!
• iPhone 15 Pro Max - Me!
• iPhone 14 Pro Max - Meta Device Frames (https://design.facebook.com/toolsandresources/devices/)
• iPad Pro M4 13 and 11 — Apple Developer Resources (https://developer.apple.com/design/resources/)
• iPad Air M2 13 and 11 — Apple Developer Resources (https://developer.apple.com/design/resources/)
• iPad mini - Apple Developer Resources (https://developer.apple.com/design/resources/)
• Google Pixel 8 Pro - Me!
• Google Pixel Tablet - Me!
• MacBook Pro 14 - Apple Developer Resources (https://developer.apple.com/design/resources/)
• MacBook Pro 16 - Apple Developer Resources (https://developer.apple.com/design/resources/)
• MacBook Air 13 - Apple Developer Resources (https://developer.apple.com/design/resources/)
• iMac 24 - Meta Device Frames (https://design.facebook.com/toolsandresources/devices/)
• Dell XPS 13 Plus - Image taken from Dell’s website, and skewed and masked by me (https://www.dell.com/en-uk/shop/laptops/xps-13-plus-laptop/spd/xps-13-9320-laptop)
• Dell XPS 13 OLED, 14 and 16 — Images taken from the press release and sized and masked by me
• Surface Laptop 13 and 15 - Me!
• Dell Ultrasharp 5K - Meta Device Frames (https://design.facebook.com/toolsandresources/devices/)
• Huawei MateView - Me!

(Old iPad files)

• iPad Pro 12.9 and 11 - Meta Device Frames (https://design.facebook.com/toolsandresources/devices/)
• iPad Air 10.9 - Meta Device Frames (https://design.facebook.com/toolsandresources/devices/)
• Pro Display XDR - I found this file and can't find the original, but I made quite a few edits, but still it's not just my work!
• Studio Display - I edited the Pro Display XDR file, so half me, half someone else

My to-do list:

• A Google Sheet with dimensions and aspect ratios
• A new Windows Desktop
• Maybe making all the devices myself?

Any qs please reach out on Twitter (or X) @jamesjingyi or Bluesky @jjy.bsky.social

If anyone wants me to remove anything as it doesn’t conform to licences please do let me know - I am distributing these for no gain of my own, but I understand if licences stop things.