Devices

Find a variety of devices and device frames used for prototypes. Choose among the most popular devices for iOS, iPadOS, Android, and desktop. ProtoPie supports prototypes for mobile, tablet, desktop, web, and TV—basically, anything that has a screen.

The resolutions listed are for portrait mode.

Mobile & Tablet

Prototypes for iOS, iPadOS & Android show their respective device frames in the cloud. Learn more about ProtoPie Cloud.

iOS & iPadOS

Find the iOS & iPadOS devices that ProtoPie supports. 

  • iPhone 12 Pro Max — 428 x 926 px

  • iPhone 12/12 Pro — 390 x 844 px

  • iPhone 12 Mini — 375 x 812 px

  • iPhone 11 Pro Max — 414 x 896 px

  • iPhone 11 Pro/X — 375 x 812 px

  • iPhone 11 — 414 x 896 px

  • iPhone 8 — 375 x 667 px

  • iPhone 8 Plus — 414 x 736 px

  • iPhone SE — 320 x 568 px

  • iPhone 7 — 375 x 667 px

  • iPhone 7 Plus — 414 x 736 px

  • iPad Pro — 1024 x 1366 px

  • iPad — 768 x 1024 px

Android

Find the Android devices that ProtoPie supports.

  • Samsung Galaxy S20 — 360 x 800 px

  • Samsung Galaxy S10 — 360 x 760 px

  • Samsung Galaxy S8/S9 — 360 x 740 px

  • Samsung Galaxy S7 — 360 x 640 px

  • Samsung Galaxy Note 5 — 360 x 640 px

  • Google Pixel 5 — 393 x 851 px

  • Google Pixel 4XL — 411 x 869 px

  • Google Pixel 4 — 393 x 829 px

  • Google Pixel 3 — 411 x 822 px

  • Google Pixel 2 — 411 x 822 px

  • Google Pixel — 411 x 371 px

  • Google Nexus 6P — 411 x 731 px

Desktop, Web & TV

Find the device sizes that ProtoPie supports for desktop, web, and TV.

  • Desktop — 1280 x 1024 px

  • Desktop HD — 1440 x 1024 px

  • HD 720p — 1280 x 720 px

  • HD 1080p — 1920 x 1080 px

Selecting a Device

  1. Click on the device name in the toolbar.

  2. Choose the desired type of device in the Select Device menu.

  3. Select the device.

  4. Choose the orientation.

Orientation 

Choose between two types of orientation:

  • Portrait

  • Landscape

Change the orientation after creating the prototype? Rearrange the layers and interactions accordingly.

Customizing a Device

If you can't find the device you need to make a prototype for, use a custom device.

  1. Click on Custom in the Select Device menu.

  2. Set the width and height values.

  3. Fill in the density.

  4. Optionally, select the system status bar type.

Back To Top