Skip to main content

  1. Describe the problem your experiencing and how your idea helps solve this


Currently, Figma only allows to select one action for a trigger in prototyping. This means that when applying e.g. an “On Click” trigger to an element, it’s not possible to have multiple actions (like showing two overlays) when the element is clicked. By allowing to add multiple actions to a trigger, prototyping would get much more powerful and useful!



  1. Add as much context as possible (screenshots, Figma files, mockups, etc.)


I faced this issue when I wanted to show a notification that automatically appears and disappears after using a specific action (e.g. create, delete an element).



Currently, you would have to build many screens to imitate this behaviour. If multiple actions would be allowed, it would be much simpler and efficient to create such flows. In my example, it would be set up like this:

Show an overlay on click → delay → show another overlay → delay → close the overlay



  1. Ask questions to bring the community into the conversation

    (e.g. Does anyone else experience this? Is anyone using a plugin or workaround to help solve this?, etc.


I assume that there are also multiple other use cases when more actions are needed for a single trigger on an element. It would be awesome if somebody who stumbled across this issue would describe their use cases as well!

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:

Figma – 4 Mar 21

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


image