Skip to main content

Switch to Enable / Disable the interactive components per instance


akirichev

Hello,
I am working on a Design System and now I am adopting the interactive components. They look promising, but there is one feature that is missing.

I was so excited and started adding interactions to all the bread and butter controls - buttons, checkboxes, radio buttons, switches, lists…etc., but then I figured out that usually, the prototypes are representing a few use-cases and not all controls are clickable. So I was wondering whether there is a plan to add a switch on the component level that enables or disables the interactiveness.

13 replies

atz
  • 1 reply
  • June 3, 2021

That will be a great feature – It will be extremely helpful if we can turn OFF all interactions inside components. This way if we create a prototype we will not make users think there is any interactivity where there is none – (simple example) a button that has an overlay. But at the same time we will have one library with both interactive and non-interactive components.


Andrius_Stasytis

I do agree wit this sooooo much!


CreatorOfCreations

Hey guys!
There is a way to disable unwanted interactions. Simply right click the group which you want to disable the interactions for and click on “Remove interactions”.
In my case in the attached image I use this approach to remove interactions on everything that exists under the pop up that is currently on the screen.


Tom_K
  • New Member
  • 2 replies
  • March 10, 2022

Did you guys find a solution for this? The above mentioned “remove interactions” does not work for me when I select an instance of an element from the design system used in the file.


Aizhan_Zakai

Anyone else is having an issue with turning off the interactive component?
I first created an interaction inside the variants, checked them out, then cancelled my actions. But the prototype still shows an interaction.
I have restarted the prototype, and Disabled Interactive Components, but it hasn’t worked.
Screen Shot 2022-03-22 at 18.10.37
Please help!


Michael_Womack

Aizhan -

Yep - been wondering too - checkbox you’ve identified doesn’t appear to enable/disable as expected.

However, IF you right click the instance of interactive component in Prototype tab, then you can “Remove interactions” (I’m assuming just for that instance). A quick check in prototype view showed me this functional procedure works. In my case, I am not seeing any onhover interactivity of the instance of the button that had that interactivity “removed.”


Scott_Robinson

Ive just had an instance this morning where all interactive components on all my user journeys are activated. The checkbox does nothing. Something must have changed in a Figma update as I will now have to manually remove the interactions at a library level as we are demonstrating in 2 hours. There are too many screens to remove the interactions at a screen level. Has a recent update broke the “enable interactive component” checkbox?


Jos
  • 5 replies
  • August 30, 2022

I actually been trying to find this “Enable Interactive Component” box but couldn’t find it anywhere! Help?!


James46
  • 2 replies
  • September 5, 2022

Twice now, I’ve done something that disables interactivity on my prototypes. No hover states, open overlays etc. I feel like I might be accidentally toggling to this state with a mistyped shortcut keystroke but I’m not sure. The first time it happened I was able to get it working again… somehow. But I seem to have done it again.


Jannis1
  • 4 replies
  • September 29, 2022

Same for me. The checkbox that was usually accessible by clicking on the canvas/ESC disappeared. This way I can’t disable the animations … It did work a few weeks ago, 100%.


Jeffrey_Negrelli

Where did the option go to toggle “Enable Interactive Component”??? I need to disable all toggle switches in my prototype, not important when presenting a demo.


Haru1
  • 4 replies
  • August 8, 2023

Has this been solved? I cannot disable the interactions embedded in the interactive components. Neither the “Remove Interactions” from the right-click dropdown nor deleting the interaction from the properties panel don’t work for me…


Konstantin_Ivanov

+1


Reply


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