Overlay with responsive size depending on the browser window

I am trying to build a prototype where the size of the overlay depends on the size of the window. There is a set of overlays. On click of the button I open overlay on the side of the screen



and the height of the overlay needs to follow the height of the window.

First image looks good. The overlay in the second needs to adjust.
HOW?

2 Likes

Hey @Alexei, thanks for reaching out!

It’s not currently possible to create a responsive overlay. Instead, you’ll want to create different overlay sizes to correctly fit the different window sizes. There’s no way to make the overlay responsive or auto-adjust.

Is there a way to measure a window resolution in prototype?

I’ve proposed a solution as an idea:

Please upvote.

3 Likes

I just bumped into this limitation as well. The responsive preview mode is really nice, but this limitation kills it for my use case.

1 Like

Same problem. Been fighting this on my own for about two hours believing it must be possible, given some of the responsive capabilities in Figma, and other instances that can maintain top and bottom distances from boundairies, etc. Finally gave up hacking and came here to search for the ‘answer’… and this thread is it. Once again, Figma failng at basic common sense ui requirements. Like so many other basic needs it cant do. How did this tool become the darling of businesses, it so handicapped. And now to get a job, you’re expected to be able to use this? Why ? Do I have to know how to use Figma to make things NOT work?

I share the same concern. It would be great if we could address the need for a responsive overlay.

Looking forward to your response!

1 Like

Yeah I agree. This feature should be great four our prototypes.

I agree too, this feature should be implemented for prototyping.

+1 on this. It would be very helpful.