Figma Prototyping: How do you animate a button expanding left?

I am trying to implement an interactive component that, on hover, expands left in the same manner as the material design system Floating Action Button. When smart animating to the expanding view it only expands left to right regardless of layout settings. Is there a way to expand the element out to the left while using interactive components? I feel the only way to acheive this would be dumb components on different pages (protoyping wise)

1 Like

Hey Alex! Unless Iā€™m misunderstanding your post, I think your issue might have to do with how you set up constraints on your Floating Action Button component instance. In order to have any Auto Layout component grow or shrink towards the desired direction, you need to specify constraints of the component instance layer based on your needs.

Consider the below example.

4 Likes

This topic was automatically closed 30 days after the last reply. New replies are no longer allowed.