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.
- Added the newly released XPS 13 OLED, XPS 14 and XPS 16 (using AI upscaled marketing materials from Dell)
- Added iPad mini (from Apple's stuff) and iPad Air (from Meta - some are 2020 colours as these are the ones here)
(kept as it hasn't been long)
- Added MacBook Pro 16 and the MacBook Air 13
Provided is:
- The Sketch file with all the frames, including details of coordinates and resolutions
- PNG exports for your use
Credits for the images are as follows:
- iPhone 15 Pro Max - Me!
- iPhone 14 Pro Max - Meta Device Frames (https://design.facebook.com/toolsandresources/devices/)
- 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/)
- 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
- Dell Ultrasharp 5K - Meta Device Frames (https://design.facebook.com/toolsandresources/devices/)
My to-do list:
- Adding the iPad mini
- 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.