How to create a complex checkbox filter with variables in Figma!

Learn how to create a complex checkbox filter with variables in Figma!

Here's my official Figma paid course which you can check out on:
Use AMSUBSCRIBER voucher to get a 50% off. I can’t wait to see you all inside.

👉 Follow me on Twitter and LinkedIn for more content.

Be sure to subscribe and hit the notification icon! It really helps me help you and others like you be better designers, freelancers, entrepreneurs, and people in general!
.
Subscribe to my newsletter to keep up to date on latest design/tech trends, update, tools and information! 🔥
.
.

[jessiekatz]

Haha blame the commenter if it's too complicated 😂 This is great! Thanks for the demo. I fiddled around as well and came up with a more complicated version using conditionals based on a "FilterCount" variable. I didn't think to duplicate the results with a "ShowAll" variable - that helps a lot.

[AlejandroLetxu]

Thanks for the video, it helped me a lot but...
I need to step up, how can I do this but applying multiple filters of diferent categories?
For example here you filter by Car, Bike... Vehicles. But imagine that you want to add another categories like for example "new or used" and regarding the price a few options like " 50-100, 100-250, 250-500 and +500" I would need to select multiple options in different categories, then apply and get the results that matches those filters. I would apreciate if you can explain it in a video :P

[Shubham_Toshniwal]

How is a checkbox Car connected to cards of car and the same thing for other two (bus and bike)?? Can you please make a video on that?

[khushneetkaur]

blame the questioner 😂😂 cracked me up!

[itsgivingkyle]

this is what i think: you are a prototype genius

[davidaffran]

im looking at 6.03 onwards - I cannot see how you tie the checkboxes to the CTA's, when you click on/off on the variables they seem to hide/show the CTAs but how?

[djashawe]

Thanks a lot for this tutorial. I have a question. The reason why you have to do this way is due to Figma not allowing multiple "on click" interactions, right? I tried different methods too, but it's wasn't that easy due to that reason.

[amenesty]

The checkbox does not trigger when I add the conditional... it says (this interaction will not be triggered as interactions on instances are triggered before inherited internal interactions).

[rjabrm]

how unpublish specific component in figma?

[AMDesignAndDev]

Here's the course I was talking about in the video:
Use AMSUBSCRIBER voucher to get a 50% off. I can’t wait to see you all inside.

Also, follow me on Twitter and LinkedIn:

[arturmaklyarevsky]

There must be a simpler logical way to do this without making so many duplicate elements

[petithomme]

Hello, I just can’t figure out how can the cards appear and disappear when you click on the checkboxes if you disconnected them from the variables (bike/car/bus) ?