Skip to main content

LAUNCHED: Prototyping: Allow multiple actions for a trigger


Show first post
This topic has been closed for comments

131 replies

Yoav_Barak

Couldnt agree more. This is desperately needed
It would even be greater if you could allow a trigger on one component to set an action on another component.
Most simple example - clicking on different tabs would switch between multiple variants of a sperate panel


Ernesto_Fascinetto

It looks like we are plenty of designers with the same problem… we need it desperately! Figma is awesome and continuous improvement makes it even greater.


George_T
  • 1 reply
  • April 1, 2022

Really struggling to see how this wasn’t a core consideration of the triggers. I’m sure there are edge cases, but nothing is really explained about what complexity would be caused by adding more of these interactions.

If I have hover, active and focus states for say, a button component, the active state that was one available for click state is effectively hijacked for triggering an on click event to open something else like a toast or a message.

We’re being asked to choose between getting something to work and communicating a crucial part of a design state.


Mark26
  • 1 reply
  • April 4, 2022

Axure is very good at this, and I would miss this feature if I am going to start to use Figma for prototyping.

Axure has no limit on the amount of interactions from a single click. It makes things so much easier to prototype, even something as simple as hiding a dropdown menu item and displaying a modal with the same click.

It also supports other actions, such as on move – which can be used as a listener.

I would love to see something similar in Figma.


ray.delgadillo

This feature is badly needed. My team works with a Design System library with components that have built-in interactions (like a checkbox that changes state when clicked).

I recently needed to prototype a scenario when a checkbox is clicked and a button becomes active. I ended up having to create multiple screens and faking the interaction by creating an empty box that would allow me to change screens. It felt very dumb to lose the main feature of a variable component to add an interaction.


Teresa_Mestre

So true. Please implement as soon as possible. Even with simple actions like: on hover changing colors + click to navigate. This would improve greatly the feedback when prototyping as well.


Danee_Avery

I neeeeed it! 🙂


Danielly

✨ 🔥 ✨ Not only this but to be able to turn components into objects so that:
When I compose an interaction, I can trigger a swap of the object or objects’ state to completed/or not completed for example. Please, por favor? ✨ 🔥 ✨


Jeannine_Frazier_Boone

Absolutely needed! Would be great to open an overlay while displaying another with one click - e.g. click on dropdown menu item and show the dialog but also close the dropdown menu when clicked.


Lee_Carter1

Is there any roadmap for this feature? I would love to know if it is being considered, and if so for when? This would make life so much better for me using Figma.


Luke_Hadley

I +1 this idea!!

I recently came across this constraint where I had a button and on click I wanted to change the variant state to active, and also display and overlay.


Damir
  • 25 replies
  • May 20, 2022

Tick, tock, tick, tock…


Ditto.
The DSL fails even with basic interactions (like dropdowns).
Dropdowns always have to close and perform some other actions, and they are always broken due to missing of multiple actions on same trigger.

I can’t find any roadmap also to see if it is in plans. OR a word from Figma team about any work-arounds?


Evie
  • 7 replies
  • May 23, 2022

Coming from Axure, this is killing me. As others have mentioned, even the most basic interactions like menus and drop-downs can’t be done properly.


J_Yun1
  • 12 replies
  • May 25, 2022

In my current work, I need an element to trigger a “scroll to” action while also triggering the “switch to” action.

It is very common for us to need to swap the state of the triggering element (to show that it has been “clicked”) while also triggering the actual action.

Currently, you can’t do that.


tm_prof_rs

@moderators

I suggest merging this with Prototyping | Conditional logic & variables - #36 by Pete_Markiewicz

The feature requested will require some form of variable management. Both discussions are attempting to call out the same missing feature, which isn’t so much about multiple events per trigger, but about allowing the end user to create a custom namespace for component state control.

Component-independent state control is a feature that can be built within the confines of the Figma UI as it is today. See Prototyping | Conditional logic & variables - #23 by tm_prof_rs for a suggestion.


Felix_Vasquez1

I really need this!!! 🙏🏾


Gao_Shanghui

In my current work, I need to trigger a “liked button” click to change the icon from outline to fill and also display a dialog.


Martin_Duarte

Adding myself to the list of people that really need this feature to exist!


Peter_Gaskell

As a newbie I went around a cack handed way of multiple variants opening and showing a change state of a button. This is ridiculous I thought there must be a way to do a simple overlay AND show the change state of the button clicked. Of course I’ll learn about overlays and…….hold on a minute. I can’t…but it won’t. This can’t be the way.


Fred_Tinsel
  • Active Member
  • 111 replies
  • June 7, 2022

Did you notice that we lose the ability to put a second click on a surrounding frame/level ?


Ingvild1
  • New Member
  • 3 replies
  • June 13, 2022

I need this as well. Strange that this isn´t possible.


Chaoui_Laclef

Same ! Would be great


Mandip_Kaur

Please add this!!


Becky3
  • 4 replies
  • July 7, 2022

figma, you only need this one step to take over all other prototype apps…
Please add the chain trigger already. be sure to add control over other component status too


Cookie policy

We use cookies to enhance and personalize your experience. If you accept you agree to our full cookie policy. Learn more about our cookies.

 
Cookie settings