MochiMockup
Drop your design into stunning device mockups instantly
Plugin Preview
About this plugin
MochiMockup places your designs into realistic device mockups without leaving Figma.How it works:1. Select any frame, component, or group2. Pick a device from the built-in catalog (phones, laptops, tablets…)3. Your design is automatically warped to match the screen perspective4. Export the final mockup — doneFeatures:- Perspective-accurate screen placement with automatic warping- Built-in crop & adjust editor- Growing library of device templatesPerfect for presentations, portfolios, App Store screenshots, and social media assets.Account & pricingMochiMockup requires a free MochiMockup account (sign up at mochimockup.com) to sign in and use the plugin. Some templates and features require a paid MochiMockup Pro subscription, billed separately on mochimockup.com via Stripe. No payment is handled inside Figma.
Plugin Details
| Version | 5 |
|---|---|
| Created | March 24, 2026 |
| Last Updated | July 12, 2026 |
| Category | device-mockups |
| Creator | Let |
| Stats | 3 installs, 1 likes |
| Pricing | Free |
Technical Details
- API:1.0.0
- UI:dist/ui.html
- main:dist/code.js
- Document Access:dynamic-page
- Network Access:
Authenticate and check Pro status via the MochiMockup API, and load template/mask images through short-lived signed URLs on the R2 storage endpoint to generate mockups client-side.
- Editor Types:figma
- Allowed Domains:
- https://*.r2.cloudflarestorage.com
- https://mochimockup.com
More Like This
Discover other plugins in the device-mockups category.