So I made a carousel slider for a product card. It use to work fine but now it just weird. Instead of transition to the next card, it become the next card and the actual next card fade away. This might be smart animate misunderstand. I tried rename, redo, testing everything but nothing work.
This is how I make the carousel:
1. The card and their variants (name them 1-4)
2. The card container (contain a big and a small variant)
3. Create 4 instance of the card container, auto layout and paste them in a frame (convert to component)
4. Add variants, then position them. Add on drag prototype, smart animate
After a lot of testing I also found out that only the on drag from card 2 to card 1 is working as intended, not the other way around.
Component link: https://www.figma.com/design/ErT0E7cpTOByCQBLE3d11t/Carousel-Component?node-id=0-1&t=IZRgpCbckGstqxXI-1