Figma plugin#13 in Mockups

A Little Bit Mockup

Simple device frames to make your design looks more real

by Kent Yang

users
161K
likes
776
saves
12K
comments
35
Open in Figma
FreeWorks inFigma Design
Price
Free
Latest version
v2 · Sep 13, 2022
First published
Sep 9, 2022
Publisher
Kent Yang
Features

What A Little Bit Mockup does

Summarised from Kent Yang's description on the Figma Community.

  • ᴜsᴀɢᴇ

    Select all the frames/instances/components you want to add mockup frames. Plugin > Add Light/Dark Frame(s)

  • ғʀᴀᴍᴇ ᴡɪᴅᴛʜ

    375: iPhone 13 mini. 390: iPhone 13, iPhone 13 Pro, iPhone 14

  • Manifest

    2 quick actions

    Run from the Actions menu (Cmd/Ctrl + K): Add Light Frame(s), Add Dark Frame(s).

On this page
Overview

About A Little Bit Mockup

A Little Bit Mockup is a free Figma plugin published by Kent Yang in 2022. It works in Figma Design and has 161,019 users and 776 likes on the Figma Community. It ranks #13 in Mockups on our lists.

In the developer's words

Sometimes we just want simple device frames to make our design looks more real, no fancy settings needed.

✅ 1 click and add device frames with just-right details

✅ Support light/dark frames

✅ Support all iPhone devices above 13

👾ᴜsᴀɢᴇ

  1. Select all the frames/instances/components you want to add mockup frames
  2. Plugin > Add Light/Dark Frame(s)
  3. If the width of the selected frame matched possible resolution of supported devices, the plugin will generate a mockup device for it
  4. If no possible device frame detected, the plugin will create a new one in current viewport

📱 ғʀᴀᴍᴇ ᴡɪᴅᴛʜ

  1. 375: iPhone 13 mini
  2. 390: iPhone 13, iPhone 13 Pro, iPhone 14
  3. 393: iPhone 14 Pro
  4. 428: iPhone 13 Pro Max, iPhone 14 Plus
  5. 430: iPhone 14 Pro Max

🍅ғᴜᴛᴜʀᴇ ᴍᴀʏʙᴇ?

  1. Android devices – let me know if you have any ideas!

Bugs / Improvements -> ✉️ khnkenny@gmail.com

Changelog

What's new

Version 2 · released Sep 13, 2022

  • Modify default behavior when zero device frame detected
Trust

Permissions and privacy

Network access

This plugin's manifest doesn't declare its network access, which is common for older plugins. Figma shows a warning on the Community page for plugins like this.

Extra permissions

None beyond the standard access to the file you run it in.

Read from the plugin's published manifest.

Rankings

Where A Little Bit Mockup ranks

Compare

A Little Bit Mockup alternatives

  1. 1

    Mockup Plugin

    by ls.graphics

    1.6M users20KFree + paid features

    Most installed mockup plugin. 3800+ device & branding mockups

    View details
  2. 2

    Artboard Mockups and Animations

    by Artboard Studio

    965K users9.3KFree + paid features

    Device mockups, branding mockups, apparel mockups and video mockups with animation templates

    View details
  3. 3

    Mockuuups Studio

    by Mockuuups

    627K users5.9KFree + paid features

    Mockup generator with 5100+ mockups.

    View details
  4. 4

    Clay Mockups 3D

    by Hamish

    625K users4.7KFree

    Create mockups with 3D clay-style device models. Customize the color, camera angle, and device model

    View details
  5. 5

    Wireframe Designer

    by Chenmu Wu

    580K users5.1KFree + $5/mo upgrade

    Generate wireframe mockups with AI at lightning speed.

    View details
  6. 6

    Angle Mockups

    by Meng To

    480K users4KFree

    Apply perspective mockups to device screen vectors

    View details
FAQ

A Little Bit Mockup FAQ

What does A Little Bit Mockup do?

Simple device frames to make your design looks more real. It's a Figma plugin by Kent Yang that runs in Figma Design.

Is A Little Bit Mockup free?

Yes. A Little Bit Mockup is free to install and run from the Figma Community, with no paid tier listed.

How do I install A Little Bit Mockup?

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 A Little Bit Mockup?

By user count, the closest alternatives are Mockup Plugin, Artboard Mockups and Animations and Mockuuups Studio. Compare all of them on the best Figma plugins for mockups.

For developers

Built this plugin?

Use this page as a landing page for A Little Bit Mockup: link to it from your site, README or launch posts, or add a badge. Pick a style and copy the code.

A Little Bit Mockup on figmaplugins.co

Style

Label

Size

Code

<a href="https://figmaplugins.co/plugins/a-little-bit-mockup/" target="_blank" rel="noopener"><img src="https://figmaplugins.co/badges/featured-dark.svg" alt="A Little Bit Mockup on figmaplugins.co" width="220" height="48"></a>

Want it featured on figmaplugins.co? Submit it for review