Mockup Design

Create realistic device, print, and branding mockups directly in Figma.

by MockupHive

users
43K
likes
119
saves
1.9K
comments
13
FreeWorks inFigma Design
Price
Free
Latest version
v27 · Aug 26, 2026
First published
Aug 17, 2025
Publisher
MockupHive
On this page
Overview

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.

Changelog

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.
Trust

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.

Rankings

Where Mockup Design ranks

Compare

Mockup Design alternatives

  1. 231K users554Free

    Access 300,000+ free icons instantly inside Figma!

  2. 112K users133Free

    🧩 Iconoir Icons by Iconify – Free, modern, and fully customizable icons for your Figma designs 🎨

  3. 3

    image.to.design

    by divRIOTS

    92K users2.2KFree

    Import images or screenshots as editable layers

  4. 86K users262Free

    Create text along curved paths. Customize text properties and add background images.

  5. 74K users3.4KFree

    Animate your Figma designs with AI - generate editable motion, export as Lottie / GIF / MP4

  6. 6

    Talk To Figma MCP Plugin

    by Sonny Lazuardi

    73K users2.3KFree

    Allowing Cursor to communicate with Figma for reading designs and modifying them programmatically

FAQ

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.

For developers

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.

Mockup Design on figmaplugins.co

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