LAUNCHED: Prototyping: Allow multiple actions for a trigger

Chaining events would be a great addition. I needed this as well in a few of my prototypes.

I also think this would be a great improvement. I needed to mark a list element as selected, with an interactive component, and at the same time open an overlay showing more info about the list element.

Hopefully we will have the “multiple actions in 1 click” feature in future updates

We are very much in need of this as well. Great proposal!

I’d like this one too. Especially useful in case of on click. As I want something to pop up as well as to scroll to a certain place.

Yes please!! I need to be able to close an overlay on click whilst simultaneously changing an interactive component.

Yes, that would be awesome, we desperately need it! It is very much an essential feature, you have no idea!

Yes, I need that as well. When I click on a button, I’d like to close a modal window, and at the same time switch the state of an element on the page.

Exactly what I’m looking for.
Wanted to change state and also open an overlay.

Definitely need this. I have a primary screen with 5 icons below it. Each icon surfaces a different overlay and when clocked, also needs to close any other overlay that’s already visible> But I can’t make that happen.

Still needed! For example would enable button blur and click on the same element… quite a basic requirement imho 🙂

I’ve ran into this when I’d like multiple components to appear additively based on what is selected. To say it simply, if I click #1, I’d like A & B components to overlay. If I click #2, I’d like A & C components to overlay. I don’t want to build out components for each possible combination. I was planning on using manual overlay so I can control where the multiple components would overlay at.

In the same boat as usability Medic for closing one and opening another overlay with one click. I also have a map with many pins upon opening, and would like to hide some of those as selections filter out pins. I can’t seem to hide layers with a click, so it seems I should instead have them as separate overlays to hide–but I can’t display them all initially by only turning on one overlay.

Going to try to make that happen with nested frams (this is my first time trying Figma! Other aspects are great and I’m starting to get the hang of it.)

This is very much needed. Menus items that navigate to other pages then slide up would be a simple example of this feature.
A menu slides down, user clicks on an item from the list. The menu slides up (Change to the variant of an interactive component) and the user is taken to another screen.
Thanks

Other prototype tools do this as standard.
Why have @anon21722796 themselves not commented on this in 7 months?
Are they too scared to acknowledge a much needed feature is missing?

This is badly needed! I would say #1 feature missing from Prototype mode. Right now I have to make very convoluted flows just because there is no way to do more than one action.

Agree with all the comments. If Figma would allow more than one event ‘On Click’ no other tool would be needed. In my case, I have an interactive component that is changing the variant from checked to unchecked. But if checked I want it to overlay an action bar that would allow the user additional actions like “compare” items.

100% agree. You should be able to do multiple actions on one click. Ie change state of button and open an overlay. How is this not in from the start?

Please let us add multiple events to one click. I almost want to go back to using Axure because I miss this feature so badly!

This is greatly needed. Having the ability to to check a checkbox while simultaneously updating another element on the same screen isn’t exactly an edge case, I would argue.

I have an interactive toggle component that I would like to naturally change state on click and at the same time open a success toast overlay.

Currently, it doesn’t seem to be possible, the overlay taking precedence over the component’s interaction.

This is a very common interaction and it’s blocking me from creating a very simple prototype.

I would love to see that supported.

Hi @Valtrip, I created a similar action some time ago, which you can see in this prototype:

And you can see some details here: Is there a way to add multiple interactions of the same type? - #2 by tank666.

Thanks for sharing!

What I’m trying to achieve is to trigger both actions simultaneously rather than consequently like in your example.

So when the toggle is clicked, I want it to:

• Change the toggle state ON/OFF (interactive component)
• Display the success toast (show overlay)

I couldn’t find a way to achieve it.

I also this, but take your time. You’re doing great!

I also need this feature in order to make a button change state on tap, and also open an overlay.

My guess as to why this is not available yet is to avoid conflicts such as on tap navigate to more than one frame, etc. But it could be solved by just disabling the ability to duplicate the same type of action instead of the interaction type itself.

Yes, very much needed!

As many mentioned before - this enables scrolling function to work properly with menu items. In my case, there’s an interaction for the variant and then scroll on an actual page. Should be totally possible in two instances