Back to Plugins
MockRocket – 3D Mockups

MockRocket – 3D Mockups

<p>Create stunning 3D device mockups in 2 clicks.</p><p><br></p><p>Featuring clay devices, shadows, custom colors, reflections, and transparent backgrounds. Choose from the latest 3D device models – iPhone, MacBook, iMac and more. Simply drag to rotate the device in true 3D. Export to Figma seconds later.</p><p><br></p><p><strong>Getting started:</strong></p><ol><li>Install and run the plugin from the plugin menu</li><li>Choose a device</li><li>Select an appropriately sized frame in Figma. You can also click "Draw guide frame" to get a perfectly sized frame to use–resize your designs to fit the frame and then select it</li><li>Click "Load selection" to load your selected frame into the plugin.</li><li>Drag the mockup to rotate it in 3D, or choose a preset position.</li><li>Change settings–toggle shadows and reflections, device colors, and clay mode.</li><li>Click "Export to Figma" (at 1x to 4x resolution) or "Download" to save to your device</li></ol><p><br></p><p>Powered by <a href="https://mockrocket.io/" rel="noreferrer noopener nofollow ugc" target="_blank">MockRocket.io</a> – the easiest platform for creating stunning 3D device mockups and animated product videos. Start for free today: <a href="https://MockRocket.io" rel="noreferrer noopener nofollow ugc" target="_blank">MockRocket.io</a></p><p><br></p><p><strong>License</strong></p><p>You can export up to 10 mockups totally free, then you will be prompted to purchase a license key. License keys are included with all paid plans on MockRocket.io</p><p><br></p><p>Pricing: <a href="https://mockrocket.io/pricing" rel="noreferrer noopener nofollow ugc" target="_blank">https://mockrocket.io/pricing</a></p><p><br></p><p>Support: [email protected]</p>

mockupmockup-toolslaptop3diphonedeviceframephonemocktemplateanimationmacbook3d

Plugin Preview

MockRocket – 3D Mockups preview

About this plugin

Create stunning 3D device mockups in 2 clicks.


Featuring clay devices, shadows, custom colors, reflections, and transparent backgrounds. Choose from the latest 3D device models – iPhone, MacBook, iMac and more. Simply drag to rotate the device in true 3D. Export to Figma seconds later.


Getting started:

  1. Install and run the plugin from the plugin menu
  2. Choose a device
  3. Select an appropriately sized frame in Figma. You can also click "Draw guide frame" to get a perfectly sized frame to use–resize your designs to fit the frame and then select it
  4. Click "Load selection" to load your selected frame into the plugin.
  5. Drag the mockup to rotate it in 3D, or choose a preset position.
  6. Change settings–toggle shadows and reflections, device colors, and clay mode.
  7. Click "Export to Figma" (at 1x to 4x resolution) or "Download" to save to your device


Powered by MockRocket.io – the easiest platform for creating stunning 3D device mockups and animated product videos. Start for free today: MockRocket.io


License

You can export up to 10 mockups totally free, then you will be prompted to purchase a license key. License keys are included with all paid plans on MockRocket.io


Pricing: https://mockrocket.io/pricing


Support: [email protected]

Plugin Details

Version1
CreatedDecember 10, 2021
Last UpdatedDecember 22, 2021
Categoryediting & effects plugins
CreatorMockRocket
Stats34659 installs, 984 likes
PricingPaid

Technical Details

  • API:1.0.0
  • UI:ui.html
  • main:code.js
  • Editor Types:
    figma