Skip to main content
Dario1
New Participant
July 27, 2021

Swap Overlay and set a different position

  • July 27, 2021
  • 22 replies
  • 5125 views

Using overlays greatly reduced the amount of duplications in my frames, still there are flows when I start with an overlay in a given position and would like for it to be swapped with a differently positioned overlay.

Currently I do that by targeting a new frame and using a timed overlay opening from that. Looks fine in the prototype, but adds few extra steps/duplications that I’d happily do without.

22 replies

Bart_Van_Hecke
Active Member
November 22, 2023

I use swap overlay a lot but it would be very helpful for me if I could specify where I want my swapping overlay to begin. Figma automatically swaps it in the center of the screen. I know it’s not possible yet and some people have brought this up as well (image below), but @Figma_Moderation if you could maybe let us in if this feature made it to your backlog and if so, when we might be able to expect this feature release? Thx

Helping software companies design better products.
Martin_Maricak
New Member
June 13, 2024

I also think this would be useful.

Opening a modal overlay at the center of a screen, from a manually positioned overlay is quite common when prototyping.

Cassidy_Lukaart
New Member
July 2, 2024

Echoing the sentiment here. I love overlays so I don’t have to manage so many frames when building a prototype. Position changes on swap would be valuable.

Maybe even more flexible would be being able to specify which frame the overlay appears on so you can set the overlay to appear over a frame that is different from the one where it was triggered.

psmpsm
New Participant
August 1, 2024

+1. I tried to use a Close Overlay and Open Overlay together as a workaround but this did not work.

Joe_Cloughley
New Participant
August 8, 2024

+1 for this feature. I run into this issue all the time.

Paul_Fleming
New Member
August 21, 2024

+1 for this feature. This would enable us to replicate overlay menus and action sheets in iOS. For example, when a ‘Delete’ action is selected from an overlay menu at the top of the screen and the confirmation of the delete action is then presented in an action sheet at the bottom of screen.


Elliot_Green
September 13, 2024

+1 I need this in my life.

Tatjana_Seserko_Ostrogonac
September 30, 2024
  • 1, I need this feature too. one of the workaround suggestions to open overlay instead of swapping overlay and then closing overlay after delay didn’t work for me. For some reason the delay didn’t pick up on the original overlay.
Christopher Newman
New Member
March 20, 2025

I ran into this problem when swapping a smaller modal with an expanded one. After using Swap Overlay, the taller modal shifted downward instead of remaining centered. Here’s what worked for me:

• Create an empty frame sized to match the expanded modal’s height.
• Place the smaller modal inside that frame and center it.
• Use the empty frame as your overlay and apply Swap Overlay to move between the collapsed and expanded states.

The frame’s height stays consistent, so the expanded modal remains centered. Plus, Smart Animate now provides a smooth “grow” transition. Hope this helps someone. If anyone has a more elegant approach, I’d love to hear it!

S_T_I_C_K_Y_N_O_T_E_B_R_A_I_N
New Member
April 17, 2025

+1 for this feature. Honestly, it's super frustrating every time I need to swap an overlay from a pop-up modal to a toast. This feature would save so much time and hassle.