How to create 3D mockups without leaving Figma

Render a Figma frame inside a Rotato device, then place the result back into the design file.

Render the frame

1. Open Rotato and run its plugin in Figma.
2. Select the Figma frame to show on the device.
3. Choose the model in the plugin and click Render.
4. Review the result.
5. Click Place on Page, or drag the rendered preview into the Figma canvas.

Refine in Rotato

Switch to the Rotato document to adjust the camera, device appearance, and background. Select the device before editing its Screen or Appearance controls.

If the artwork is cropped, compare its dimensions with the target screen size. You can also copy a device-sized frame into Figma before starting the design.