Figma Mockup Plugin (700+ Mockups)

Work Smarter, Not Harder.

Never Google for "figma mockups" again.

Step 1

Simply click on the Figma frame.

Watch as your visuals magically appear in over 700 mockups. Focus on your design work instead of replacing screens on mockups.

Install Figma Mockup Plugin

Step 2

Browse mockups with automatically applied frame.

Filter devices, hand models, and transparency. Scroll through mockups grid and select your favorites. No need to leave Figma or export to other design tools.

Install Figma Mockup Plugin

Step 3

Export or place into the document.

Once you’re happy, export as a high-quality image ready for sharing or place directly to your Figma design for further modification.

Install Figma Mockup Plugin

Stand Out From the Crowd.

Diverse Hands & Devices.

Growing Library

Your one-stop-shop for every scene imaginable.

Ready-to-use scenes — all stored in one handy spot. Switch between different backgrounds and device types to achieve the desired result.

Browse 700+ Mockups

Custom Mockups

Looking for a custom mockup? Create your own from scratch.

Showcase your product in use, from quick glances to focused work. Pick a device, choose from diverse hands and mix with countless background combinations.

See how it works

Supported Devices for Figma

iPhone 12 Mockups

iPhone 11 Mockups

iPhone XS Mockups

iPhone X Mockups

iPhone 8 Mockups

iPhone SE Mockups

iPhone 7 Mockups

Samsung Galaxy S20 Mockups

Samsung Galaxy S10 Mockups

Samsung Galaxy S9 Mockups

Samsung Galaxy S8 Mockups

Samsung Galaxy S7 Mockups

Samsung Galaxy S6 Mockups

Samsung Galaxy S5 Mockups

Google Pixel 5 Mockups

Google Pixel 4 Mockups

Google Pixel 3XL Mockups

Google Pixel Mockups

HTC One Mockups

iPad Mockups

iPad Pro Mockups

Macbook Pro Mockups

Macbook Air Mockups

iMac Mockups

Apple Display Mockups

Microsoft Surface Mockups

Chromebook Mockups

Dell Display Mockups

Figma Mockup Plugin

Access 700+ device mockups without leaving Figma.

Work Smarter, Not Harder.

Never Google for "figma mockups" again.

Simply click on the Figma frame.

Browse mockups with automatically applied frame.

Export or place into the document.

Stand Out From the Crowd.

Diverse Hands & Devices.

Your one-stop-shop for every scene imaginable.

Looking for a custom mockup? Create your own from scratch.

Create your first device mockup in Figma today