Skip to main content

Hi. I’m having some issues with auto layout and map scrolling.

I’ve created a map and a bottom nav bar, got it to scroll correctly, and using auto layout to make it responsive (the map and nav bar resizes and displays correctly).

The problem is that the HUD (map zoom etc.) layer wont resize with the the screen.

To make it stay on top of the map, I’ve set it to fixed position, and therefore the auto layout don’t work.

 

I’m a complete newbie with Figma, but i know this is possible to achieve, I just don’t know how.

Attached a screenshot of the Layer view, and two screens showing the issue.

Appreciate any help.

Figured it out. Had to use constraints and remove auto layout from parent frame.


Right on — welcome to Figma Forum, and thank you for sharing this, ​@DavidEvensen

I’m going to mark your update as the best answer so it’s easier for other designers who might run into a similar situation to find. Really appreciate you taking the time to circle back and share what worked. 🎯