Hello everyone,
Hope I will not bother you all with my question.
I have to do a Card Swipe for my project.
I have follow so many tutorials on Youtube but it still doesn’t work. I hope I will be able to correctly describe what I’ve done.
(Sorry for all the language mistakes, you know French people …)
The main technique i’ve found was to create 3 frame. The middle one has the image A, the side two has both the image B. They are all the exact same size, and at the exact same place on the frame. The text and the image are surronded by a square (just to look like a simple card), and they are grouped together.
When you grab the card A (middle one) to the left, it should turn blue, and then disappear. To do so, i’ve put a blue A card on my left frame, but outside the real frame, it’s a part of it, but not visible.
This left frame contains the next card (image B), let’s call it #FrameBl.
When you grab the card A, to the right side, it should turn orange, and then disappear.
I’ve done the exact same thing as the previous one, let’s call it #FrameBr.
Then, tuto says that in “prototype”, you just have to connect #FrameA to #FrameBI and #FrameBr with a “on drag” interaction, keep “smart animate” and “navigate to” settings, and then connect the #FrameBl and the #FrameBr to the next card, that is a middle frame B.
And you should just do it to all of your next cards.
However, when I am in the Protype View, none of these interactions work. It just fade to the next card, there is no swipe, no drag, nothing. There is the blue outline of Figma to indicate a possible action, so it means that something works somewhere.
I’ve probably done something wrong, what can i do to fix it ?
Is there any other way ?
I need to do 25 cards, so it could be cool that at least 5 of them work, just to see the idea.
Thanks for reading all this post.
Hope you can help me, my boss will be happy so
Have a nice day,
Paulina.
PS : i’ve tried this technique on a draft before and it works, but when I’ve tried for my final version, i’ve break all my animation. Clumsy me…