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 comeCustomization Options- Device Colors- Orientation- Camera Angles- Backgrounds- Shadows & Lighting- Film GrainExport Quality- 1x, 2x, or 4x resolution- Transparent backgrounds- One-click exportHow to Use1. Run "Mokker" in your project.2. Pick any frame or image in your Figma file2. Choose your device, angle, colors, and background3. Click "Add to Canvas" to place the mockup in your designPrivacy & 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.SupportFound a bug or have a feature request? Email me at [email protected] with 💚 for designers who want beautiful mockups without the complexity.