0
100
200
300
400
500
600
700
800
900
1000
1100
0
100
200
300
400
500
600
700
800
900
1000
1100

Mockup Design

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

by MockupHive

users
32K
likes
82
saves
1.4K
comments
4
FreeWorks inFigma Design
Price
Free
Latest version
v22 · Apr 12, 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 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.

Changelog

What's new

Version 22 · released Apr 12, 2026

  • introducing new resizable ui
  • enhanced user experienced
  • improved import export functionality
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. 75K users243Free

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

  2. 2

    image.to.design

    by divRIOTS

    67K users1.7KFree

    Import any image format into Figma - as an image or as editable layers

  3. 67K users3.3KFree

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

  4. 4

    Talk To Figma MCP Plugin

    by Sonny Lazuardi

    65K users2.1KFree

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

  5. 5

    Iconify

    by sadik sajid

    53K users81Free

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

  6. 6

    Perspective

    by Dylan de Heer

    52K users341Free

    Transform designs with perspectives, patterns, and 3D shadow effects

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

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>