Skip to main content
Question

Card rotation variant problem

  • October 16, 2024
  • 3 replies
  • 35 views

David_Cardew

Hi, I’m new to Figma and have been making a budgeting app. For the wallet section of my app I wanted it to be almost like apple pay whereby when you select a card or rotate it to the next the previous card falls back into the deck. However I have no idea how to do this and no youtube video or google search has helped me with this problem.

This topic has been closed for replies.

3 replies

Nate_G
  • Power Member
  • 180 replies
  • October 17, 2024

@David_Cardew I have this Credit Card example I put together showing how you can use click interactions + smart animate to animate the cards moving around. You could then add arrows to the left or right of the main card, that on click would navigate to the next or previous card.

View File →
View Prototype →


David_Cardew
  • Author
  • New Member
  • 1 reply
  • October 17, 2024

Thank you so incredibly much, this is actually perfect. Sometimes the solution is so simple and I just over complicate things.

Again thank you!


Nate_G
  • Power Member
  • 180 replies
  • October 18, 2024

Glad this helped @David_Cardew! I turned this into a community file so others can get access to it as well. But I’ve also added drag interactions to the cards. So on a mobile device you can either click on or drag on a card to swap it.


Cookie policy

We use cookies to enhance and personalize your experience. If you accept you agree to our full cookie policy. Learn more about our cookies.

 
Cookie settings