Video yükleniyor...

Video Yüklenemedi

Ana Sayfaya Dön

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 görüntüleme • 2 yıl önce •via X (Twitter)

10 Yorum

˗ˏˋ rogie xcx ˎˊ˗ profil fotoğrafı
˗ˏˋ rogie xcx ˎˊ˗2 yıl önce

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

luis. profil fotoğrafı
luis.2 yıl önce

@figma No one wants slots stop creating drama

Radley profil fotoğrafı
Radley2 yıl önce

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. profil fotoğrafı
luis.2 yıl önce

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

Henry Daggett profil fotoğrafı
Henry Daggett2 yıl önce

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 profil fotoğrafı
Roni2 yıl önce

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

🚀 Don ― Bailon profil fotoğrafı
🚀 Don ― Bailon2 yıl önce

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 profil fotoğrafı
Karim Joreige2 yıl önce

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 profil fotoğrafı
Addison James2 yıl önce

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 profil fotoğrafı
Josh Armantrout2 yıl önce

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

Benzer Videolar