Skip to main content

Hello,


I have searched but can’t find anything on this topic. I have a screen with multiple checkboxes (only 4 need to be functional) and a button that I want to be grey when none of the boxes are selected, but functional when at least one of the checkboxes is checked. My checkboxes are components, but my button is a button with a grey overlay.

Screen Shot 2023-11-07 at 12.43.13 PM


hopefully the image kinda shows what I’m trying to do.


Any help will be much appreciated! This seems so simple but I can’t for the life of me figure it out.


Thanks!

Hey Mara, thank you for reaching out! Could you share your file with me? I can try to figure this out for you.

@Gayani_S Were you able to figure this out? I’m also trying to do same with my workflow

Hey Sanchay, unfortunately I did not yet. Let me ask internally, if the team has any idea to solve this. I will get back to you once asap.

Hey @Sanchay, I found a perfect YouTube video explaining how to create this design.







Please let me know if you have any further questions.

thank you for this content, it saved my life literally

Hi @Gayani_S what if you’re working in a design system already?

Hey @Josh_Perez, my guessing is you will be still able work with them. Can you apply the variables and try it out yourself? You can see in the YouTube video from the 8:00 you should follow these steps.


If it is not working for you feel free to share a copy of your file and invite support-share@figma.com directly as an editor (this won’t affect your billing at all).

Reply


Terms & ConditionsCookie settings