Mockups

Apply and update a mockup

1. Select the artwork to present, then choose Apply Mockup… from the Object menu, canvas context menu, command palette, or Resources > Mockups.
2. Select the mockup object and use its Inspector section to replace a surface, edit its source, snapshot it, reconnect it, or clear it.
3. Adjust fit, alignment, rotation, flips, shadow, or numeric geometry. Select a surface chip to edit its corners or edges on the canvas; mesh surfaces expose grid vertices. Press Escape to abort a geometry edit.
4. Use Clip from selection or Occluder from selection when a bezel, hand, or fold should cover part of the placed artwork.

To author a reusable photo template, select the base photo and choose Create Mockup Template from Selection…. The photo stays as the untouched base plate while you define surfaces, then save and reuse the template.

Export the composed result

PNG, JPEG, WebP, SVG, and screen-PDF export compose the mockup at the requested output scale. SVG includes a rasterized composition for the mockup surface, so that part is not editable vector artwork. PDF/X stops with a clear message; flatten the mockup before using that print route. React, Flutter, and SwiftUI code exports warn that mockups are outside their vector-structure output.

What the surface model does not do

Surfaces support flat placement, four-corner perspective, bounded front-facing cylindrical arcs, and bounded folded-mesh envelopes. These are 2D mappings, not a full 3D renderer: there are no cameras, hidden backsides, lighting solve, calibrated displacement maps, or Photoshop smart-object re-rendering. Unsupported cases are reported rather than silently approximated. PSD smart objects are detected and reported; they are not re-rendered as linked mockups.

See the Mockups feature page for template and surface details, and Export for other format boundaries.