Mokker - Realistic 3D Device Mockups

About this plugin

Mokker transforms your UI designs into professional, photorealistic 3D mockups directly inside Figma. No external tools, no hassle. Just select your frame and watch it come to life on the latest devices.

Device Library

- iPhone 17 Pro

- Galaxy S26

- iPad Pro

- MacBook Pro

- Browser Window

- 3D Frame

- More to come

Customization Options

- Device Colors

- Orientation

- Camera Angles

- Backgrounds

- Shadows & Lighting

- Film Grain

Export Quality

- 1x, 2x, or 4x resolution

- Transparent backgrounds

- One-click export

How to Use

1. Run "Mokker" in your project.

2. Pick any frame or image in your Figma file

2. Choose your device, angle, colors, and background

3. Click "Add to Canvas" to place the mockup in your design

Privacy & Data

* No backend servers - All rendering happens locally in your browser

* No design data sent - Your designs never leave your machine

* Anonymous analytics - I use Mixpanel (EU) to track basic usage patterns to improve the plugin. No personal or design data is collected.

Support

Found a bug or have a feature request? Email me at [email protected]

Made with 💚 for designers who want beautiful mockups without the complexity.