How do I save a layout as a preset?

Presets let you save a design screen layout so you can reuse it later.

This is useful when you create a layout you like and want to use the same structure again without rebuilding it from scratch.

For example, you might save a preset for a design screen with a specific title position, device placement, image layout, shape arrangement or decorative style.


What does Save as Preset do?

Save as Preset saves the layout for the selected design screen.

It saves that one design screen as a reusable preset. It does not save the entire project.

After saving a preset, you can use Pick a Preset to apply that layout elsewhere.


When should I save a layout as a preset?

Save a layout as a preset when you want to reuse the same design structure again.

For example, you might save a preset when you have created:

  • a custom title and device layout

  • a design screen with shapes or decorative elements

  • a layout you want to use across other projects

  • a screen structure that works well for a specific app store format

  • a design you want to use as your own template

Presets are helpful when you want consistency across projects or want to speed up future design work.


How to save a layout as a preset

To save a layout as a preset:

  1. Click the design screen you want to save.

  2. Open Layouts & Elements in the edit panel.

  3. Click Save as Preset.

  4. Save the preset.

The current design screen layout is saved as a reusable preset.


How to use a saved preset

To use a saved preset:

  1. Click the design screen you want to update.

  2. Open Layouts & Elements in the edit panel.

  3. Click Pick a Preset.

  4. Choose the preset you want to use.

  5. Apply it to the selected design screen.

After applying a preset, you can continue customising the design screen. You can move elements with drag-and-drop, adjust values in Exact Dimensions, edit text, change devices, update images or add extra elements.


Save as Preset vs Pick a Preset

Option

Use it when you want to

Save as Preset

Save the current design screen layout for reuse later.

Pick a Preset

Apply an existing preset to the selected design screen.

Use Save as Preset when you have created something you want to reuse.

Use Pick a Preset when you want to apply a saved or existing layout.


Save as Preset vs copying elements

Use Save as Preset when you want to reuse the layout of a full design screen.

Use Copy element when you only want to reuse one element, such as a badge, shape, image, title, doodle or device.

For example:

Goal

Best option

Reuse a full design screen layout

Save as Preset

Reuse one badge or icon

Copy element

Reuse one shape or doodle

Copy element

Create a custom template for later

Save as Preset

Duplicate something on the same design screen

Duplicate element


Can I edit a preset after applying it?

Yes. After applying a preset to a design screen, you can edit it like any other design.


Was this article helpful?