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 43,465 users and 119 likes on the Figma Community. It ranks #12 in Best of 2025 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 27 · released Aug 26, 2026
- # Release Notes — 26 August 2026
- Added the ability to resize and reposition the mask layer in the Mockup Editor.
- Added an undo feature for mockup edits.
- Fixed several bugs and improved overall stability.
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

Icons Library + 300,000 icon
by sadik sajid
231K users554FreeAccess 300,000+ free icons instantly inside Figma!
- 2

Iconoir Icons Library iconfy alternative
by sadik sajid
112K users133Free🧩 Iconoir Icons by Iconify – Free, modern, and fully customizable icons for your Figma designs 🎨
- 3

image.to.design
by divRIOTS
92K users2.2KFreeImport images or screenshots as editable layers
- 4

Curved Text
by Dee
86K users262FreeCreate text along curved paths. Customize text properties and add background images.
- 5

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

Talk To Figma MCP Plugin
by Sonny Lazuardi
73K users2.3KFreeAllowing Cursor to communicate with Figma for reading designs and modifying them programmatically
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 Icons Library + 300,000 icon, Iconoir Icons Library iconfy alternative and image.to.design. 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>Want it featured on figmaplugins.co? Submit it for review
