How it works
The Mockup studio
The Mockup studio is the other half of the editor: one screenshot or screen recording of yours, put on a real 3D device, lit and filmed. Where the Library moves many cards in 2D, this moves a camera around one object.
It is a real 3D scene
The device is an actual model with physically-based materials, standing in a studio rig that lights it and gives its body and glass something to reflect. So the highlights move when the camera moves, and the metal reads as metal. Nothing here is a flat image with a perspective transform faked on top.
Seven devices in four slots
| Slot | Device | Finishes | Screen |
|---|---|---|---|
| Phone | iPhone 17 Pro | 3 | 1206 × 2622 |
| Phone | iPhone Air | 1 | 1260 × 2736 |
| Laptop | MacBook Pro 14" | 2 | 3024 × 1964 |
| Tablet | iPad Pro | 2 | 2752 × 2064 |
| Tablet | iPad Air | 1 | 2732 × 2048 |
| Display | Pro Display XDR | 1 | 6016 × 3384 |
| Display | Studio Display | 1 | 5120 × 2880 |
The screen column is each panel’s real native pixel count, and it is in the UI for one practical reason: it tells you what size to capture your screenshot at so it lands on the glass without resampling.
What goes on the screen
An image or a video — a video plays on the device as a live texture, not as a still. It is fitted Cover, Fit width or Contain, with zoom and position on top, so a tall screenshot on a wide panel is your decision rather than a crop you inherit. A synthetic status bar can be drawn over it — time, battery, signal — for when the capture came without one, or came with the wrong one.
The animations drive the rig, not the device
There are 16 animation presets in five groups: studio (4), turntable (2), cinematic (5), dynamic (2) and product (3). What they animate is the rig — the camera, the lighting, and on a laptop the lid — along a keyframed pose timeline. The device itself mostly stays put; the shot is what moves. Each preset previews in its own live 3D thumbnail, so you pick by looking rather than by name.
A project is one document or the other
This matters more than it sounds. A project holds either a Library scene or a Mockup studio, never both, and the two are separate shelves in the project list. Entering a section opens that section’s most recent project, or makes one. The reason is blunt: with one project holding both, clicking a rail tab would make it save a document you were not editing.
It autosaves, like the 2D scene does — within half a second of an edit. There is a Save now in the project dock next to the save state, but it is a reassurance, not the save path.
Export is the same dialog
Both 3D sections export through the same dialog as the Library, at the same resolutions, because the 2D and 3D renderers implement one capture contract. See Export.