On this page
About Mockup Design
Mockup Design is a free Figma plugin published by MockupHive in 2025. It works in Figma Design and has 31,960 users and 82 likes on the Figma Community. It ranks #14 in Best of 2025 and #18 in Mockups on our lists.
In the developer's words
Create realistic device, print, and branding mockups directly in Figma with MockupHive. Simply select a frame, choose a mockup, and instantly place your design into a professional presentation-ready scene.
MockupHive is a fast and easy Figma mockup plugin designed to help designers turn flat designs into realistic mockups in seconds. No Photoshop, no manual masking, and no complicated setup — just pick your design, choose a mockup, and make it look stunning instantly.
✨ Powerful Figma Mockup Plugin
MockupHive helps you create high-quality mockups for websites, apps, branding projects, packaging, print designs, apparel, and portfolio presentations. Whether you need phone mockups, laptop mockups, tablet mockups, posters, business cards, packaging, or lifestyle scenes, MockupHive makes the process simple and fast.
🎨 Large Mockup Library
Explore a growing collection of premium-quality device mockups, print mockups, branding mockups, packaging mockups, and lifestyle scenes. New mockups are added regularly so you can keep your presentations fresh, modern, and professional.
🆓 Free Mockups Included
Get access to free mockups for personal and commercial projects. Perfect for portfolios, case studies, client presentations, social media posts, and product showcases.
⚡ Fast and Easy Workflow
Select your Figma frame, choose your favorite mockup, and MockupHive automatically places your design into the mockup. Save time and create beautiful, realistic presentations without leaving Figma.
🔮 Perspective Transform
Use the Perspective tool to place your design into custom mockups with accurate corner pinning. Add your design to screens, posters, cards, packaging, and other flat surfaces with realistic perspective.
🌊 Warp Transform
Create more advanced realistic mockups with Warp Transform. Bend, curve, and reshape your design across complex surfaces like fabric, mugs, apparel, curved displays, and creative branding scenes.
🚀 Why Designers Love MockupHive
Instantly create realistic mockups from any Figma frame
Device mockups for iPhone, MacBook, iPad, Android, Apple Watch, and more
Branding mockups for posters, business cards, packaging, apparel, and print
Perspective and Warp tools for custom mockup creation
Free and premium mockup collections
Fast, lightweight, and beginner-friendly workflow
Perfect for portfolios, case studies, client work, and presentations
📚 Mockup Library
MockupHive includes thousands of ready-to-use mockups and continues to grow with new devices, branding scenes, print mockups, packaging mockups, and creative presentation styles.
Start creating realistic, presentation-ready mockups directly inside Figma with MockupHive.
What's new
Version 22 · released Apr 12, 2026
- introducing new resizable ui
- enhanced user experienced
- improved import export functionality
Permissions and privacy
Network access
Mockup Design can only connect to the 8 domains declared in its manifest: server.mockuphive.com, identitytoolkit.googleapis.com, dg9ycx490fgk0.cloudfront.net, api.unsplash.com, images.unsplash.com, fonts.googleapis.com, fonts.gstatic.com and mockuphive.com.
- server.mockuphive.com
- identitytoolkit.googleapis.com
- dg9ycx490fgk0.cloudfront.net
- api.unsplash.com
- images.unsplash.com
- fonts.googleapis.com
- fonts.gstatic.com
- mockuphive.com
Extra permissions
- Reads your Figma name and avatar
Read from the plugin's published manifest.
Where Mockup Design ranks
Mockup Design alternatives
- 1

Curved Text
by Dee
75K users243FreeCreate text along curved paths. Customize text properties and add background images.
- 2

image.to.design
by divRIOTS
67K users1.7KFreeImport any image format into Figma - as an image or as editable layers
- 3

Magic Animator • AI Animation Generator for Figma
by Alistair Thomson
67K users3.3KFreeAnimate your Figma designs with AI - generate editable motion, export as Lottie / GIF / MP4
- 4

Talk To Figma MCP Plugin
by Sonny Lazuardi
65K users2.1KFreeAllowing Cursor to communicate with Figma for reading designs and modifying them programmatically
- 5

Iconify
by sadik sajid
53K users81Free🧩 Iconoir Icons by Iconify – Free, modern, and fully customizable icons for your Figma designs 🎨
- 6

Perspective
by Dylan de Heer
52K users341FreeTransform designs with perspectives, patterns, and 3D shadow effects
Mockup Design FAQ
What does Mockup Design do?
Create realistic device, print, and branding mockups directly in Figma. It's a Figma plugin by MockupHive that runs in Figma Design.
Is Mockup Design free?
Yes. Mockup Design is free to install and run from the Figma Community, with no paid tier listed.
Is Mockup Design safe to use?
Figma plugins can only reach the internet through domains listed in their manifest. Mockup Design can only connect to the 8 domains declared in its manifest: server.mockuphive.com, identitytoolkit.googleapis.com, dg9ycx490fgk0.cloudfront.net, api.unsplash.com, images.unsplash.com, fonts.googleapis.com, fonts.gstatic.com and mockuphive.com. As with any plugin, check the developer's privacy policy before using it on client work.
How do I install Mockup Design?
Open it on the Figma Community, or search for it in the Actions menu (Cmd/Ctrl + K) inside any file you can edit. See how to install Figma plugins.
What are the best alternatives to Mockup Design?
By user count, the closest alternatives are Curved Text, image.to.design and Magic Animator • AI Animation Generator for Figma. Compare all of them on the best Figma plugins for best of 2025.
Built this plugin?
Use this page as a landing page for Mockup Design: link to it from your site, README or launch posts, or add a badge. Pick a style and copy the code.
Style
Label
Size
Code
<a href="https://figmaplugins.co/plugins/mockup-design/" target="_blank" rel="noopener"><img src="https://figmaplugins.co/badges/featured-dark.svg" alt="Mockup Design on figmaplugins.co" width="220" height="48"></a>