Skip to main content
Question

Wrap Variant to Next Line - Same amount of items in row

  • November 11, 2024
  • 6 replies
  • 72 views

Ainsley_Clark

Hi,

I have a large selection of icons, each have varying colour and size. When Figma creates the variants for me, it adds it to auto layout.

I’m wondering how I can make each row have the same icons in it. At the moment I can’t seem to find a artay to make it so tha icons are all lined up. I.e everything should be a house to begin with here.

I’ve tried:

  • Using min-width
  • Duplicating the icon set, but this intefers with variants.

Any help appreciated.

This topic has been closed for replies.

6 replies

Nellya
  • Power Member
  • November 11, 2024

Try Propstar plugin


Pavel_Kiselev
  • Power Member
  • November 11, 2024

Wrap each icon into a new frame, make it the same size, done!


Ainsley_Clark

Hey there,

Thanks for your reply @Pavel_Kiselev

Each icon is in a frame itself (a variant). If I wrap each one of these into a new frame it will update the component to make it so the component has a new width. So it doesn’t look like I can group them again once they’re made a variant (I’ve attached a video).

I’m basically wondering how Figma achieves this, highlighted on this page.


Ainsley_Clark

Pavel_Kiselev
  • Power Member
  • November 11, 2024

I usually use regular frames to organize everything.

Just give it a bit of a structure

Not sure what you get sizing issues thought


Pavel_Kiselev
  • Power Member
  • November 11, 2024

Oh, and you use a component set for icons, I would not do that. Harder to discover icons, no search, consumes lots of memory, and harder to maintain them this way.