Figma Support Forum

Auto Layout with each item same size

Hello,

I’m designing a tab bar and I want all items to be spaced the same width, with the ability to scale it for larger screens. Of course, each item doesn’t have the same size originally because of the label size.

I’m not sure if it’s possible to do that with auto layout ?

Thanks for your help !

I finally found an answer that is not looking so bad, by applying a fixed width to the item composant, centered it, and put the container component as space between. But it doesn’t look really centered at the end :

image

Am I wrong ? Is there any better solution ?

Select the menu items in your component and set it to “Fill container” horizontally. Thus, all items will become the same width (each item will be equal to 25%).

This topic was automatically closed 30 days after the last reply. New replies are no longer allowed.