Question

Smart animate input field label

Forum|Forum|2 years ago
February 26, 2024
4 replies
265 views

I want to animate the input field label with smart animate. Smart animate, however, does this weird transition. I want the transition to be smooth. Any ideas how I could achieve this? I watched tutorials on youtube, double checked my components… I can’t figure out why the transition is behaving like this. Thank you!

Link to Figma Prototype

Ask the community

This topic has been closed for replies.

Power Member

Hi, Sonja.

My guess is you have inconsistent layers (names or nesting).

Make sure to have consistent layering across your variants so that it can smart animate smoothly.

b2529580f03112faf6c73b1c029de518a2792d7a.zip

Sonja_FrischAuthor

Hi Raphael,
I have checked layers and names and nesting multiple times, naming and nesting is consistent across my variants…

Sonja_FrischAuthor

I just tried to recreate the test component you made, but the animation is still behaving weird…

Power Member

Hi, Sonja.

That is weird. I think you have to remove cache on your Figma and restart it. Or, you will have to talk with the Figma team directly.