Skip to main content
Goncalo_Fortes
March 22, 2023
Solved

Can I use boolean property prototyping?

  • March 22, 2023
  • 3 replies
  • 1942 views

Hello!! I would like to know if I can use the boolean property functionality in prototyping?

I need the left side menu in the preview of my dashboard to change depending on the button clicked, but I don’t want to duplicate screens.

Can somebody help me?

This topic has been closed for replies.
Best answer by Andrew_Harrisan

I’ve just figured it out… you can use multiple interactive Booleans (hover and click states) in multi-variant Components. The hover bit is easy…
However, for click states - wrap the button you want to use (to invoke a change in layout), in an auto-layout frame within your master component.
I found that this works a charm (for example - on expand / collapse UI, using a hamburger button within a Header bar)…

3 replies

Haroll
Haroll
Power Member
March 23, 2023

Hi @Goncalo_Fortes

As explain on the documentation:

Prototyping noodles must connect between two objects. If you connect two components and consolidate them using boolean properties, the prototyping connections will be lost.

Figma Learn - Help Center
    Andrew_Harrisan
    Andrew_HarrisanSolution
    March 31, 2023

    I’ve just figured it out… you can use multiple interactive Booleans (hover and click states) in multi-variant Components. The hover bit is easy…
    However, for click states - wrap the button you want to use (to invoke a change in layout), in an auto-layout frame within your master component.
    I found that this works a charm (for example - on expand / collapse UI, using a hamburger button within a Header bar)…

      Kara_Miekina3
      Kara_Miekina3
      New Participant
      June 21, 2024

      ahhhhhhhhh this stinks and kinda makes it not worth it to use!..time to redo all my checkboxes and radios so they work in prototypes 😦

      Terms & ConditionsAccessibility statement