Figma autolayout wrap doesn't work

Designer Topics
1

Here is my file: https://www.figma.com/file/7c21HYkNudAZU6cl42PZeF/anima-playbook-test?type=design&node-id=11%3A1074&mode=design&t=MEqC6cF690eyxIJH-1

It’s all using autolayouts. The grid in the middle is using wrap so when I make the frame wider the grid alters the number of columns. This works great in figma but when i export it to anima then it is fixed at 2 columns and stretches instead.

How do I make a responsive grid that is compatible with anima?

2

Hey @Webguy! We’re very excited about Figma’s new ‘wrap’ auto layout feature. Our team is currently optimizing Anima’s support for it, it should be live in the coming days - stay tuned! :muscle:t2:

3

I figured out if I set absolute position to child elements and constrain center then add multiple breakpoints it can work.

4

Glad you found this workaround! Thank you for letting me know :slight_smile: