.svg){kind=icon}
.gif)
.svg)
Quick summary
Creating mockups in Figma lets designers instantly wrap UI frames inside realistic device frames without leaving the canvas. Using the Quick Mockups plugin, you can select a frame, choose a device model, and apply the mockup in just a few clicks.
Steps
- Inside your Figma design canvas, find and select the frame you want to use.
- Go to the bottom section and click 'Actions'.
- Search for 'Quick Mockups' and choose it from the suggested results.
- Choose the device and model you prefer to use in the mockup.
- Tap 'Apply Mockup' to proceed.
- Your Figma design will be turned into an actual device mockup of your preferred device.
