Skip to main content
joan just joined
joan just joined
New Member
Nov 14, 2026 4:16 PM UTC
Question

Elements Shifting Out of Position When Switching to Responsive or Fixed Size on Play Mode

 

How can I fix this issue? It seems like all the elements I’ve added to the frames are shifting out of position or sliding off the screen when i click play. The behavior also seems to change depending on whether I select Fixed Size or Responsive.

 

When I switch to Responsive, I notice different issue across the screens:

 

  • First frame (Search): Most elements remain in place but some shift slightly to the side.

 

  • Second frame (Play) Most of the elements appear to move completely off the frame.

 

  • Third frame (Queue): Some elements shift slightly out of alingment.

 

I’m not sure why the elements are displaying differently across the frames or why their positions change when I preview the project. How can I fix this so that all the elements stay properly aligned and within their respective frames when I click Play, regardless of whether I use Fixed Size or Responsive?

 

 

    1 reply

    adamsmasher
    Figmate
    adamsmasher
    Figmate
    Nov 14, 2026 5:46 PM UTC

    Thanks for your post, ​@joan just joined!

     

    The difference between Fixed size and Responsive can be confusing because they handle your layout differently.

    • Fixed size shows your design at 100% inside the selected device. If the frame is larger than the device’s screen area, some content can be cropped.

    • Responsive resizes the frame to fit the available space, then adjusts its contents using their constraints and auto layout settings.

     

    What you are seeing makes some sense with Responsive, though the particulars of how each element moves depends on the frame and layers within it. I’d start by comparing the Search, Play, and Queue frames:

    1. Check each frame’s dimensions against the device selected in your prototype settings.

    2. Expand each frame in the Layers panel and confirm its elements are nested inside the intended frame.

    3. For Responsive, check the affected layers’ constraints, including any containing frames. For content arranged with auto layout, check its sizing, alignment, and spacing settings.

     

    A useful test is to duplicate the Play frame and resize that copy on the canvas. If the elements move out of place there too, that helps identify which layout settings need adjusting.

     

    If you continue having trouble, feel free to share some screenshots of what you are seeing (including layer properties and the layers panel). 

    Terms & ConditionsAccessibility statement