Skip to main content

Hi everyone! I wanna create a slide out animation menu tab when user click the extend button like below:



I wish to have animation when the menu slides out instead of being static like now. I did created a sliding out tab with some animations(variant):



But i don’t know how to trigger the variant to play when they click the extend button(/or collapse button)


As for now, I’m simply using boolean to control when to on/off those tabs because I can’t think of a way that can control the tab to slides, by setting variable interaction to just the arrow(I supposed).

Screenshot 2024-04-25 at 8.40.28 PM


Despite i’m using the animated variant, the sliding animation/interaction will not show once the boolean is been applied.


Where I did/think wrong & what should I do to achieve the thing?

Hey @Emmaa_Ho - so sorry this is late, but wanted to ask if you could share the file you recorded in your post. It looks like it’s just a demo, but I was talking with someone else on the support team, and we want to see it to cover all bases.


If you share a copy with edit access to support-share@figma.com, we can view it that way. This is more ideal because we will have full visibility immediately. If you choose to share this way, let us know the file name


You can also drop a link to a copy here if easier 😃 Thank you!

Hi, ksn! Thank you for you reply.

Sure, I’ve shared the file with edit access you can check and see>>>here

Please do tell me if i think wrong so I know where should I improve:)

Terms & ConditionsCookie settings