Mockups for Modern Devices (Apple, Samsung, Google) – Free Figma Template
Download this device mockups figma free template featuring a wide range of Apple, Samsung, and Google devices. This resource is designed to save designers hours of research by providing accurate device mockups along with essential resolution, DPI, and sizing data for modern screens.
Created and originally shared by Joey Banks, this free mockup kit was born from a common problem designers face daily: finding reliable, up-to-date device specifications and high-quality mockups for presentations, UI previews, and product showcases. Instead of searching across multiple sources, this Figma file brings everything together in one well-organized and easy-to-use resource.
All mockups in this collection are based on official device data and were created by the talented team at Facebook Design, ensuring accuracy and consistency across devices. For each device included, designers can reference official specifications via facebook.design/devices, making this template especially valuable for professional UI/UX work and client-facing deliverables.
A Practical Tool for Modern Design Workflows
This Device Mockups Figma Free Template is ideal for designers working on mobile apps, web apps, SaaS products, and responsive interfaces. The mockups allow you to quickly drop in your designs and present them in realistic, high-quality device frames without spending time manually adjusting dimensions or searching for correct screen sizes.
The template supports fast iteration and experimentation, making it perfect for early-stage design concepts as well as polished final presentations. Whether you’re preparing a case study, pitching to a client, or building a portfolio, these device mockups help your work look professional and credible.
In addition to Figma, this resource is also compatible with Adobe XD, giving designers flexibility across different tools and workflows.
What’s Included in this Device Mockups Figma
This mockup pack includes a broad selection of modern devices, covering the most commonly used platforms today:
- Apple devices (iPhone, iPad, and more)
- Samsung devices
- Google devices (Pixel series)
- Accurate resolution and DPI data
- Clean, minimal device frames optimized for UI previews
Each mockup is designed to be easy to customize, allowing you to scale, replace screens, and adapt layouts without breaking proportions.
Ideal For
This Device Mockups Figma Free Template resource is suitable for a wide range of design use cases:
- UI/UX designers working on mobile or responsive products
- Product designers creating app previews or demos
- Designers preparing portfolio case studies
- Agencies presenting concepts to clients
- Developers who need accurate device references
- Anyone tired of searching for device resolutions and DPI specs
It’s also a great educational resource for designers who want to better understand how screen sizes and device resolutions affect layout decisions across platforms.
Tools & Credits
- Design Tools: Figma, Adobe XD
- Category: Mockups
- Original Creator: Joey Banks
- Device Data & Mockups: Facebook Design
- Additional Reference: whatsthatsize.design
This freebie was originally shared by Joey Banks and is made available to the design community to help streamline modern design workflows.
Download Figma Mockup
