I am trying to make a circular button which expands and morphs into a rectangular drop-down menu.
I made a simple rect with round corners and, from its copy, made a circular button.
But when using Smart Animate, it morphs into an oval.
Is there a workaround?
I have done further tests and it seems only a problem with strokes. When shape has only fill it works.
@Figma_Support is it a bug or limitation ?
What might help here is a small storyboard of the animation you’re trying to achieve. From your description maybe breaking it up into 3 or 4 static design versions of each stage of the animation should do.
From there, it might be easier to help identify the right way to animate it
Thank you, I thought about it as well. But have not tried. Was trying keep frames to minimum
Sure, these could be temporary just to understand the animation
Animation is simple and basic, it just a scale in one axis but for some reason doesn’t work with strokes
Ran the same test myself and getting the same result as your video…
Just also did a bit of searching around and it looks like you’re definitely the only one! Looks like it’s not yet supported. Smart animate for frame with stroke glitching - #3 by Keith_Vaz
Cool. Thank you. Hope Figma guys will fix it
This topic was automatically closed 30 days after the last reply. New replies are no longer allowed.