Loading video...

Video Failed to Load

Go Home

Okay friends, let's say you're building a list component ❖ Which method do you use? A – Using a variant set with options for each amount B – Use booleans to toggle visibility of a single list component

24,290 views • 2 years ago •via X (Twitter)

10 Comments

˗ˏˋ rogie xcx ˎˊ˗'s profile picture
˗ˏˋ rogie xcx ˎˊ˗2 years ago

C: @figma creates an iterator slot, where we can choose the number of clones of a component

luis.'s profile picture
luis.2 years ago

@figma No one wants slots stop creating drama

Radley's profile picture
Radley2 years ago

A is bad because it’s a mess to scale. Try B+ For a simple list, we create a component with visibility booleans for the default number of items, usually 3, plus one more marked as “4+”. When 4+ is selected, it reveals visibility booleans for the remaining items (5–6 or 5–10).

luis.'s profile picture
luis.2 years ago

Yeah that's nice! A+ for your B+

Henry Daggett's profile picture
Henry Daggett2 years ago

C: create both a list item component (that people can compose themselves) and a generic list component made of 3-6 list items that people can detach and use faster

Roni's profile picture
Roni2 years ago

B but not with boolean properties. Just let the user to hide extra options in the layer tree.

🚀 Don ― Bailon's profile picture
🚀 Don ― Bailon2 years ago

I ended up by creating just a "list item container component" with a "list item component" inside. So you can detach the container and duplicate the list item component as many times as you need and edit them individually in the sidebar. It's not a problem to detach a container.

Karim Joreige's profile picture
Karim Joreige2 years ago

should add a repeatable property. Like you add variant, instance swap, boolean,.. you should be able to add a “repeatable” property. This way you only have to design a single component variant, and then in the instance property panel you would enter the # of times you wanted repeated. This would be super helpful for listings.

Addison James's profile picture
Addison James2 years ago

As a designer, B because it’s cleaner. But showing all states to a dev is problematic so sometimes A is needed for visibility.

Josh Armantrout's profile picture
Josh Armantrout2 years ago

+1 to everyone saying "wrap the list item in a detachable container"

Related Videos