Device Mockups






Packaging Mockups








Phone Mockup Generator
A phone mockup is a ready-made template that places your Android app or UI design onto a realistic smartphone screen - with no design software and no screenshot editing.
Artboard Studio's phone mockup generator applies your design in seconds. Drop an app screenshot or a video on the screen - great for Play Store demos and interaction walkthroughs - then export a high-resolution image or video. Generate scenes with AI, work in your browser with the online editor, or use the Figma and Adobe Express plugins. Covers Samsung Galaxy, Google Pixel, Nothing Phone, and foldables.
Trusted by 925K+ designers worldwide. Free plan available; commercial license included. Updated June 2026.
Phone mockups at a glance
What it is: realistic Android phone templates you drop your app design into.
Screen content: add an image or a video to the screen - ideal for app demos and UI walkthroughs.
Where: in your browser (no software) or via the Figma and Adobe Express plugins.
Brands: Samsung Galaxy, Google Pixel, Nothing Phone, and Galaxy Z Fold and Z Flip foldables.
Export and price: PNG, JPEG, WEBP, MP4, WEBM; free plan, paid from 9 USD per month.
Browse phone mockups
Hundreds of ready-to-edit Android phone mockups. Click any one to open it in the editor.
What are the most popular phone mockup styles?
The most-used styles are front, angled, hand-holding, floating, and foldable scenes - all editable online or in Figma.

Front / straight-on

Angled / isometric

Hand-holding

Floating

Foldables

By brand
What do designers use phone mockups for?
Most use them for Play Store screenshots, client presentations, portfolio case studies, and foldable app demos.

Play Store screenshots

Client presentations

Foldable app demos
How do I make a phone mockup?
Select a phone mockup
Browse the collection, pick the Android phone mockup that matches your target device, and open it in the editor.Add your design to the screen
Upload your app screenshot, UI design, or screen recording; it fits the phone screen instantly.Customize and export
Adjust the scene, then export PNG, JPEG, WEBP, MP4, or WEBM.
Online editor or Figma plugin: which to use?
Use the online editor for quick one-off mockups with no software; use the Figma plugin when your project already lives in Figma.
Online editor
Apply your design in the browser and export in seconds. Best for fast, one-off mockups.
Figma plugin
Render mockups without leaving Figma. Best when your design already lives there. Install Figma plugin now.
Which Android phones and formats are supported?
Artboard Studio covers the major Android brands and foldables, in front, angled, hand-holding, and floating scenes. Each mockup shows the recommended screen design size in the editor.
| Brand | Devices |
|---|---|
| Samsung Galaxy | S and Ultra series, plus Z Fold and Z Flip foldables |
| Google Pixel | Pixel 6 to 10 Pro, plus Pixel 10 Pro Fold |
| Nothing Phone | Nothing Phone 3a Pro and 4a Pro |
| Screen size | Each mockup shows the recommended design size in the editor |
| Type | File formats |
|---|---|
| Image export | PNG, JPEG, WEBP |
| Video export | MP4, WEBM |
How is Artboard Studio different from other phone mockup tools?
Unlike most phone mockup tools, Artboard Studio lets you place a video on the phone screen and export the result as MP4 or WEBM - ideal for app and interaction demos - generate scenes with AI, and work inside both Figma and Adobe Express through official plugins.
| Feature | Artboard Studio | Placeit | LS Graphics | Mockuuups |
|---|---|---|---|---|
| Add video to the phone screen | Yes | Limited | No | No |
| Export as video (MP4, WEBM) | Yes | Limited | No | No |
| AI scene and video generation | Yes | Limited | No | No |
| Figma and Adobe Express plugins | Yes | No | Figma only | Figma only |
| Online editor, no install | Yes | Yes | Yes | Yes |
Phone mockup FAQs
What is a phone mockup?
A phone mockup is a pre-made template that places your Android app screenshot or UI design onto a realistic smartphone frame. Instead of a plain screenshot, you present your work on the actual device your users hold, giving clients and portfolio visitors an immediate sense of how the app feels.
Which Android phones are available as mockups?
Artboard Studio covers Samsung Galaxy S and Ultra series, Google Pixel phones, Nothing Phone with its transparent design, and Samsung Galaxy Z Fold and Z Flip foldables, so you can match a flagship Samsung, a Pixel, or a foldable form factor.
Do I need Photoshop or Figma to use phone mockups?
No. The online editor lets you apply your design directly in the browser, with no software or setup. You can also use the Artboard Studio Figma plugin or Adobe Express plugin without switching tools.
Can I use phone mockups to present foldable app designs?
Yes. Artboard Studio includes Samsung Galaxy Z Fold and Z Flip mockups that show both the cover screen and the unfolded display, ideal for demonstrating how your app adapts across the multi-screen experience of foldable devices.
What file formats are available for phone mockups?
You can export your finished mockup as a high-resolution PNG, JPEG, WEBP, MP4, or WEBM, ideal for app store listings, Behance case studies, and client decks.
Can I use phone mockups for commercial projects?
Yes. Mockups on Artboard Studio come with a commercial license, making them suitable for client presentations, Google Play Store listings, portfolio pages, agency case studies, and design marketplace assets.
Still have questions?
We are always here to help. Use the chat in the bottom right corner.
















































































































