Use Screenhance Mockups for Figma

What the plugin does

Screenhance Mockups for Figma exports one to four selected visible layers as bounded PNGs, renders the selected Screenhance mockup in the hosted plugin view and inserts a clean PNG beside the source selection. The plugin does not require a Screenhance account and does not add a watermark.

• Choose from photorealistic scenes, stylized treatments, 3D iPhone, iPad and Pixel angles, and lightweight generic or browser frames.
• Search and filter the catalog from the compact plugin window.
• Change supported backgrounds and frame colors before insertion.
• Continue to the Screenhance web editor when the mockup needs a fuller marketing composition.

Create and insert a mockup

1. 1In Figma, select one to four visible frames, components, groups or layers.
2. 2Run Screenhance Mockups and confirm the selected-layer thumbnails.
3. 3Search or filter the mockup catalog and preview a treatment.
4. 4Adjust background or frame color where the chosen mockup supports it.
5. 5Choose Insert into Figma. The plugin places a rendered rectangle beside the source and selects it.

Fix selection or image-limit errors

• Select visible design layers rather than an empty page, hidden layer or unsupported node.
• Keep the selection to four items or fewer.
• Reduce extremely large source dimensions if the rendered image would exceed Figma's 4096-pixel image limit.
• If the selection changed while the plugin was open, refresh the selection in the plugin before rendering.
• For a more complex composition, continue to the web editor and return the exported asset to Figma afterwards.