Glitchy Card Carousel Animation

Hi, it’s really hard to tell from the image but I guess the components are within that image are separated layers. When you’re using smart animate, Figma tries to animate every single layer within that box. What you can do is

  1. Convert those cards components and animate it’s instances
  2. Check if there’s any unnecessary animation property left within the layers. Even a pixel difference is converted as a smart animation property.
  3. Check the layer namings. That’s a common mistake. If the layer names won’t match between frames, the only thing smart animate can do is to dissolve in/out.
  4. Interactive Components! ▶ Sign up for the Interactive Components beta → Make the whole cards as component variables and do an instance animations. It’s a bit of work at the beginning but ends up saving a loooot of time later on.

Let me know if you still have problems