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

Alyssa_Maac
August 10, 2021

Agreed. I hope this gets implemented soon.

Fabrice
August 19, 2021

Yes . Would be good to be able to set the position of the new overlay when doing Swap Overlay. I use the same poor workaround as Dario1 in the meantime… But that makes my design overcomplicated and less reliable.

Alternative that may work too: Get rid of the Swap Overlay option and replace it with Open Overlay (which allow you to set the position) + a Close Other Overlays option (to do the same as a swap). 🙃

Anjeel_Patel
September 17, 2021

Currently when using ‘Swap Overlay’ we are not allowed to position the overlay on the screen

At certain time it is required that overlays are positioned differently e.g. while designing overlays for user on-boarding journey.

It will be a great feature addition and will eliminate need to duplicate the background.

VAN_Tru
February 2, 2022

Using overlays greatly reduced the number of frame duplication. However, 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.

I see that other designers have brought this topic up about a year ago. Figma, please make this happen.

Penina
February 18, 2022

Going from an overflow menu overlay to a modal overlay is a common enough flow (i.e. “product details,” “sizing tips”). It would really benefit from this function.

Nancy_Pianpian_Liu
October 20, 2022

Figma says: Note: You can’t set a different position for the new overlay. Figma places the new overlay in the same position as the original overlay.

Why can’t we set a different position for the new swapped overlay? =( Will this be developed into a feature in future?

Hansel_Silva
New Member
March 17, 2023

Hi guys, in my design i made a pop up using “open overlay”, I placed this pop up in the bottom-center of the frame and it has a action button to open a modal with additional info, the thing is that usually modals goes centered and have a background, when I use the “Swap overlay” interaction, I just can choice which frame i want to swap but I can’t choice the position or if I want to set a background, the frame is just shown in the same place I spotted the pop up.

Eyad_Mahmoud
June 13, 2023

As a user, I want to swap overlay and set a different position for new overlay, and set all other properties for new overlay, so that I can customize the prototype because it is needed in some cases like when snack bar appears after clicking on pop up modal action.

Peter_Holmes
June 15, 2023

I have this problem too. Does anyone know a workaround? Not sure why they would change the modal positioning options in this particular flow, which is super common.

September 13, 2023

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