Manage pages and layers

Pages are the carriers of design content. Each page is an independent canvas, where you can create frames, groups, and other layers.

Motiff provides a structured approach to managing design files, allowing users to efficiently navigate pages and organize layers.

View pages

Click to expand the page list, select the name of a page, then tap and view the canvas area of that page.

You can switch between pages using shortcuts:

• For macOS: fn + ↑ / fn + ↓
• For Windows: PageUp / PageDown

View layers

Any layer added to the canvas will be displayed in the layers panel. You can determine if a layer is a frame, group, or other types by the icon near the layer:

• Frame

• Group
• Main component
• Instance
• Text
• Shape (Different icons for different shapes)
• Image
• Auto layout (Different icons for different property settings)

If a layer is inside another layer, the other layer will always be the parent layer. You can perform the actions,such as Select layers, Rename layers, Hide or show layers, Lock or unlock layers.

Manage pages

Add pages

You can add a new blank page or duplicate an existing one.

Add a new page

1. 1.Click in the page list and add a new page to the current file.
2. 2.Rename the new page.

Duplicate page

If you want to back up your current design work or try different design schemes, you can follow the steps below:

1. 1.Right-click the page name and select Duplicate page.
2. 2.Motiff will add a copy of that page to the file.
3. 3.Right-click the page and select Rename to change the page name.

Rename, delete, reorder

• Rename: There are two ways to rename a page.
  • Double-click the current page name, then type the page name in the rename mode.
  • Right-click the area where the page name is located and select Rename page.
• Delete: Right-click the page and select Delete page.
• Reorder: Drag the target page up or down to change the page order.