Suggestion: Show-hide Interaction

Not 100% sure but interactive components might help here. Abstracts a lot of the prototyping from the page design to the components themselves.

Good suggestion @AndrewSpencer I tried it without success. The sections maintain their initial layout with respect to the thing above or below them. It could just be a bug with variants at this point because it behaves correctly in the design view. It just goes wonky in the prototyping view.

Interactive components is going to support this, but doesn’t currently: Support Auto Layout in Interactive Components - #10 by nikolasklein

This would be so helpful. Without an ability on “Click → Show/Hide X” I have to create many more frames and interactions which feels unnecessary. Is something like this planned?

I would also love to see a “-> Show/Hide X” interaction. It would be perfect for things, like tooltips, that need to show on hover (for which an overlay is overkill and which also can’t take advantage of a component text property) or (as noted above) for showing/hiding content in a collapsible panel or accordion frame without requiring separate variants for the “closed” and “open” options.

Is there any plan on adding this? I’d even settle for allowing a boolean variable for visibility if adding show/hide in the interactions is going to take longer. This seems like a feature that would be easy to implement relevant to some of the other features released recently for Figma, but it would have a huge impact for users.

Fixing variant bugs would solve this.

I agree with all of the comments above. I am new to Figma. I am a seasoned Axure user but our company recently made the move to Figma. This was so easy in Axure. Just hide the layer and build an action to toggle on or off based on the click.

Just migrated from UX Pin to Figma and I’m missing the “Click → Show / Hide” interaction A LOT. Please add it to Figma, doesn’t sound too complex!