iOS

Interactions

Interaction patches output information about user interactions (touches, swipes, key presses) in the viewer. Add interactions by hovering on a layer and pressing the Touch button, or by searching in the Patch Library.

Interaction patches

InteractionI
This is the bread and butter of interaction in Origami. It can tell you when a user touches down or taps on a particular layer. It also provides the position of the touch within its parent group, and the amount of force applied when using a laptop, phone, or tablet that supports 3D Touch.

Scroll
This is another common interaction in Origami. It lets you scroll a layer vertically or horizontally, with customizable physics. It can be set to Paging mode, which is useful for prototyping carousels.

Pop Switch
This helps you quickly prototype a two-state, swipeable interaction (ex: swiping a card left and right). It also supports two-finger pinching in addition to swipes.

Long Press and Double Tap
Captures long presses and double taps when connected to an Interaction patch.

Notes on touch detection

Layers need to be enabled and have opacity larger than 0 to receive touches. Touches in Layer Groups are propagated and shared with the parent groups, allowing you to build scrolling layer groups with tappable layers inside.

Summary

Interaction patches pass information about user interactions.

Interactions for a particular layer can be captured by using the Touch menu.

There are multiple types of interaction patches for capturing different types of interactions.