Using Anima with Figma auto layout doesn't give responsive design

I am using Anima to convert a design which was given to me from a designer. The designer has implemented Auto Layout into some elements, when I increase the width of the main element in Figma everything works fine, but when I export it to anima and there I try to increase the width it gives white spaces and not the responsive design I have. I have saved and synced my project.
Will kindly appreciate help, because I am at my break point :frowning:

Hey @ziruzavar thanks for reaching out and explaining all of that! I’m sorry to hear it. I’d be happy to check out your design and see if I have any tips for how to help. Would you mind sending me your file here? Or you can make a simplified version to attach here that shows the same issue. Thanks :pray:t3:

Hey @Shira I am attaching the code for the Project and 2 videos that same the responsive design in Figma and then the same design not being responsive in Anima. EDIT I can only comment 2 links in one post. I am leaving the videos here.

Hey @ziruzavar thanks for sending. I can’t troubleshoot without your actual Figma file, but already I can see that you’re not using auto layout in your Figma design. I’d suggest checking out this Best Practice article, and adding auto layout to your design :+1:t2:.

Then try re-syncing to Anima and your page should be responsive :slight_smile: Let me know how you go!

The problem is that I am using auto layout as I mentioned in the first comment and the design is responsive in the clips I have shared - this link should work

Thanks, this link just takes me to this page in your Anima project, I meant the actual Figma link.

Either way from the screen recording you sent, it looks like you may have applied auto layout to the specific sections of your design but not to the main frame itself. Try adding it there and see if that helps!

Hey again @Shira , thank you for your patience, it’s just my first time using figma and anima here is a link for the project in figma with edit privileges
I haven’t applied to the main element you are right, but when I do the whole design breaks and with auto layout to the other elements the design is being responsive in figma and it looks good.
Thanks again!

1 Like

Hello Ziruzavar!

Shira is correct, you would need to apply Auto-Layout to the entire design.
May you please email me at:

That way we can explain to you how to fix this in more detail :slight_smile:
Thank you!

Hey Andreas, thank you for the response, I will talk with the designer and will she what she can do. I was just curious why it needs to be applied on the whole layout, right now it’s responsive enough for my needs.

Well in order for auto layout to work on the whole page/frame, you have to apply it to the main, parent frame, not just the sections inside. This is best practice for Figma and therefore Anima as well :slight_smile: