Skip to main content
Zehal
Zehal
New Member
September 28, 2026
Question

Nested auto-layout clipping and broken smart animations across breakpoints

Hey everyone, I am currently working on a responsive dark-themed dashboard mockup for deltaexector and ran into an annoying problem with nested auto-layout frames. When I switch the main frame between desktop and mobile viewport variants, the internal cards refuse to hug contents properly and start clipping off-screen instead of adapting to the new width.

Along with that layout glitch, the smart animate transitions between the modal states and navigation buttons feel super laggy and drop frames during the mobile presentation view. I tried detaching some components and resetting the fill and hug constraints, but the layout keeps breaking whenever secondary nested elements update.

    1 reply

    djv
    Figmate
    djv
    Community Support
    September 30, 2026

    Hey @Zehal, thanks for reaching out!

     

    I can see how the cards clipping and the mobile transitions stuttering would make it difficult to test your responsive flow. But these may actually be two separate issues.

     

    For the Smart Animate lag, one temporary solution is to reduce the number of simultaneous animations, flatten heavily nested frames, or avoid animating opacity and Auto Layout properties in the same transition.

     

    Could you share a link to a simplified file with view access (shared with support-share@figma.com) and/or a short recording showing both the viewport-variant switch and the mobile presentation playback? It would also help to know which device and browser you’re testing with, whether Clip content is enabled on any parent frames, and whether the same behavior happens in a new file.

     

    This information will help us separate the layout behavior from the prototype performance issue and get each one in front of the right team, as necessary. Let us know, and we’ll continue to troubleshoot. 

    Terms & ConditionsAccessibility statement