Device Mockups
Packaging Mockups
iPhone Mockup Generator
An iPhone mockup is a ready-made template that places your app screenshot, UI design, or video onto a realistic iPhone - with no Photoshop and no photoshoot.
Artboard Studio's iPhone mockup generator applies your design in seconds. Work in your browser with the online editor, or stay in your design tool using the Figma and Adobe Express plugins.
Choose from hundreds of iPhone mockups across the latest iPhone 17, 17 Pro, and iPhone Air down to classic models, in hand-held, flat-lay, floating, angled, and front views.
It is built for app designers, UI/UX studios, and indie developers who need polished iPhone visuals for App Store screenshots, client presentations, and portfolios.
Trusted by 925K+ designers worldwide. Free plan available; commercial license included. Updated June 2026.
iPhone mockups at a glance
What it is: realistic iPhone templates you drop your design into.
Where: in your browser (no software) or via the Figma and Adobe Express plugins.
Export: PNG, JPEG, WEBP (images) and MP4, WEBM (video).
Models: iPhone 17, 16, 15, 14, plus Pro, Pro Max, and Air.
Price: free plan available; paid from 9 USD per month.
Browse iPhone mockups
There are 300+ ready-to-edit iPhone mockups. Click any one to open it in the editor.
What are the most popular iPhone mockup styles?
The most-used styles are hand-holding, floating, flat-lay, front, and multi-device scenes - all editable online or in Figma.
Hand-holding
Floating and angled
Flat-lay / top-down
Front / straight-on
Multi-device
By model
What do designers use iPhone mockups for?
Most use them for App Store screenshots, client presentations, portfolio case studies, and social media or ads.
App Store screenshots
Client presentations
Portfolio and case studies
How do I make an iPhone mockup?
Select a mockup
Choose the iPhone mockup that fits your project and open the editor.Add your design
Upload your image or video; it appears on the iPhone 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 iPhone models and screen sizes are supported?
Artboard Studio covers iPhone 17, 16, 15, and 14, plus Pro, Pro Max, and Air. Each mockup shows the exact recommended design size in the editor.
How is Artboard Studio different from other iPhone mockup tools?
Unlike most iPhone mockup tools, Artboard Studio lets you place a video on the iPhone screen and export the result as MP4 or WEBM, works inside both Figma and Adobe Express through official plugins, and keeps the editor simple enough to finish a mockup in seconds.
iPhone mockup FAQs
What is an iPhone mockup?
An iPhone mockup is a pre-designed template that places your app screenshots or UI designs inside a realistic iPhone frame. No photography or 3D skills are needed.
Is the iPhone mockup generator free?
Yes. There is a free plan with a selection of iPhone mockups. Paid plans (Lite 9 USD/mo, Pro 19 USD/mo billed annually, Lifetime 129 USD one-time) unlock the full library and unlimited exports.
What export formats are available?
You can export PNG, JPEG, or WEBP for images, and MP4 or WEBM for video and motion content.
Which iPhone models are available as mockups?
The library covers iPhone 17, 16, 15, and 14, including Pro, Pro Max, and Air, so you can match the right device to your project.
Is there an iPhone mockup plugin for Figma?
Yes. The Artboard Studio Figma plugin applies iPhone mockups directly inside Figma. An Adobe Express plugin is also available.
Can I use these mockups commercially?
Yes. All mockups come with a commercial license, suitable for client work, App Store listings, and marketing campaigns.
Still have questions?
We are always here to help. Use the chat in the bottom right corner.