Prototype accordeon cards which change the lenght of the main frame

Hi everyone, I would like that the lenght of the wireframe change according if the accordeon cards are opened or not.
So the elements below (nav bar, footer) should be displaced when all the cards are opened and the main frame (the wireframe) needs to expand by itself.

I have searched different way to do it but no success :smiling_face_with_tear:

Hi there,

Thank you for getting in touch! Have you considered using Smart Animate? Depending on how you organize your layers, it might be the solution you need. You can find more information on how to use Smart Animate here: https://help.figma.com/hc/en-us/articles/360039818874-Smart-animate-layers-between-frames#h_01HHN3S3DSRN7S7W467S5ZBFD8.

However, if I have misunderstood your issue, could you please share the prototype settings along with a screen recording? This would help us better understand the problem.

Thanks!
Toku

If I have understood your problem correctly you are trying to say that when you open or close the accordion your design elements below should automatically adjust.

I have attached the video recording of a prototype let me know if this was the issue.

1 Like

Yes it is absolutely that @Alpesh_Karanpuria ! :grin: But I didn’t find the right way to do it.

1 Like

I have done this through auto layout property of Figma

Can you tell me how please ? Because for me the auto-layout don’t adjust according the state of a component.

Hi,
I am sharing a file link with you → LINK