How-to guide 08

How to save and reuse mockup scenes with presets.

Once you dial in the perfect lighting, camera angle, and device arrangement, you never want to rebuild it from scratch. Scene presets capture the entire scene so you can apply it to any project instantly — and keep every release visually consistent.

5 stepsiPhone & Mac

What you'll build

A reusable scene preset that saves your device setup, camera position, lighting, materials, and aspect ratio — ready to apply to any future project.

What you'll use

Scene presets panel, preset JSON import/export, auto-save, aspect ratio picker, and multi-device scene tools.

Scene presets are available now in Protato. Open the app to follow along — or use this guide as a reference for your preset workflow.


Step 01

Understand what a preset captures.

A scene preset saves the complete state of your current project — not just the device model, but every setting that defines the visual. When you apply a preset later, Protato restores everything exactly as you saved it.

  • Camera — FOV, distance, yaw, pitch, target offset
  • Devices — for each device: model name, position, scale, rotation, all material values (metallic, roughness, emissive, clearcoat, specular)
  • Aspect ratio — the canvas shape
  • Lighting — the active preset and all per-light intensities

Step 02

Set up your scene before saving.

Presets are most useful when the scene is polished and repeatable. Before saving, make sure your scene represents a look you'll want to reuse:

  • Choose a lighting preset and adjust individual light intensities to your taste
  • Position the camera at your preferred angle and FOV
  • Select the aspect ratio that matches your target platform (9:16, 16:9, 1:1)
  • Apply materials — metallic, roughness, clearcoat — to each device

A preset replaces all current devices when applied, so save any work-in-progress separately before testing presets.

Step 03

Save the current scene as a preset.

In the Editor sidebar, find the Scene Presets section. Bundle presets are listed here by default, matched to your current aspect ratio.

To save your current scene, locate the save option in the presets panel. Give it a descriptive name — something that captures the visual style or campaign name, like 'Product Hunt Launch — Dramatic' or 'SaaS Hero — Flat Light'.

The preset is stored as a JSON file on your device. You can export it to share with your team or keep as a backup.

Step 04

Apply a preset to a new project.

Open a fresh project or navigate to an existing one. In the Scene Presets section, tap the preset you want to apply.

When you apply a preset: all current devices are removed, new devices are created from the preset data, the camera resets to the preset position, and the aspect ratio changes to match the preset.

After applying, the project window shows the new scene. From here, swap in your new screenshots via the Media tab, adjust the text overlay copy, and make any campaign-specific tweaks.

Step 05

Export and share presets as JSON files.

You can export the current scene as a preset JSON file. This file contains all the device, camera, material, and aspect ratio data in a portable format.

Share the JSON file with team members — they can import it into their Protato app and apply the exact same scene setup. This keeps multi-person campaigns visually consistent without manual recreation.

To import, place the JSON file in the presets directory or use the import option in the Scene Presets panel. The imported preset appears alongside your saved and bundled presets.


Continue

Build on your preset workflow.