Responsive sites & autolayout

Ask the community
1

Hi, very new to all of this, and I have a few q’s on using autolayout.

  1. Is there a way of preventing overlaps on a responsive navbar?
    Have a look at this quick video
    you can see the text on the left bunches up as the frame shrinks. I can’t figure out how to prevent that.

  2. If I wanted for those 3 items to reduce to icons as the navbar shrunk is that possible in figma? Or would interactions like that typically be engineered?

I’d appreciate any help or tips on this. Thank you!

1 Like
2

The first problem requires wrapping, which Figma does not natively support. I suggest voting on this idea:

Your second issue requires breakpoints, which is also not natively sypported. This plugin might be of use though:

1 Like