Creating an interaction
To create an interaction on a selected layer, click Interactions + on the Properties panel, select a trigger from the menu, then select an action.
You can also use the Prototyping Connector to drag and link up any element to the Screen you want it to navigate to. This will automatically create a new Interaction in the same way, which you can later tweak further.
The Prototyping Connector can be recognized as a thunderbolt present on the right-side of any element that can contain an interaction.
Interactions available on the Properties panel
To test an interaction, open the Preview window and perform the triggering event — for example, by tapping on a layer with a Tap trigger.
Triggers and Actions
An interaction has two parts:
- The Trigger is the event that will cause the interaction to occur, e.g. On Tap.
- The Action is the thing that happens when the interaction is triggered.
The most common type of Action is a Transition, which is a way to navigate your prototype between different layers. To learn more about Transitions, see our Transitions article.
A layer will display its Interactions on the Properties panel as a list of triggers with their connected actions.
To edit an action's properties, click the Action.
To delete an Action, click its x button.
Tip: You can assign more than one Action for the same Trigger.