正在加载视频...

视频加载失败

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 次观看 • 2 年前 •via X (Twitter)

10 条评论

˗ˏˋ rogie xcx ˎˊ˗ 的头像
˗ˏˋ rogie xcx ˎˊ˗2 年前

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

luis. 的头像
luis.2 年前

@figma No one wants slots stop creating drama

Radley 的头像
Radley2 年前

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. 的头像
luis.2 年前

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

Henry Daggett 的头像
Henry Daggett2 年前

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 的头像
Roni2 年前

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

🚀 Don ― Bailon 的头像
🚀 Don ― Bailon2 年前

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 的头像
Karim Joreige2 年前

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 的头像
Addison James2 年前

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 的头像
Josh Armantrout2 年前

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

相关视频