logo
Resources
Table of content
Motiff AI
Interface
Layers and tools
Layer properties
Design systems
Prototypes
Dev Mode
Collaboration
Import and export
File settings
Account
File management
Team management
Sharing and permissions
Billing
Organization
Apps
Work with support
Help Center/Interface/Right sidebar

Right sidebar

When you are in Motiff's editor, you will see sidebars on both sides of the canvas. Along with the toolbar, these sidebars make up the Motiff user interface (hereafter referred to as Motiff UI). Motiff UI allows you to access, create, and adjust elements of your design:

  • The left sidebar allows you to view the layers, assets, and pages contained in the current file.
  • In the right sidebar, the design panel allows you to view or adjust the properties of any layer, and the prototype panel allows you to view prototype flow, create interactions, and set interaction properties.

What you have access to in the right sidebar depends on your permissions in the file and your seat type.

Design panel

In the Design panel, you can view, add, remove, or change the properties of layers.

When nothing is selected on the canvas, you can view the local styles of the current file in the Design panel and edit the canvas background. 'Right sidebar 1.png'

After selecting a layer, the design panel will include more settings. The type of layer selected will determine which specific settings are displayed in the design panel. For example, selecting a text layer allows you to view and adjust the text format. Selecting a main component allows you to view, detach, or swap instances in the instance menu. 'Right sidebar 2.png'

In the design panel, inactive properties are displayed in gray, while active properties are displayed in black. The design panel includes the following properties:

Prototype panel

  • The second option in the right sidebar is the prototype panel, where you can view prototype flow, create interactions, and set interaction properties. Learn more about prototyping features in Motiff.