How to add multiple interactions in Figma

A glimpse of configuring two interactions to one of my prototypes.

Figma prototypes have historically been limited to one interaction per object, but they recently* introduced the feature for multiple interactions. Using single interactions has been our bread and butter, but I’m sure some of you will be curious about what’s new designs are possible. I want to share how to get started with this new feature, one common use case for them, and a pitfall you might fall into.

* I noticed the multiple interactions update was first introduced around 7 August 2020 in the United Kingdom.

Old way to add a single Figma interaction

First a quick refresh of how you used to add interactions. In your project, click on the object you want to add an interaction to and navigate to the top-right of the Figma window. You’ll see under the prototyping tab, you have a dropdown to add an interaction Trigger.

What the prototype tab looked like before without an interaction.

After selecting an interaction Trigger, you can then configure a few options underneath it. These options configure the delay before triggering, what it does and how it should behave. Normally you’ll be navigating to a different Frame, or using a Frame as an Overlay.