Skip to main content
Participant
August 8, 2022
Answered

Flip multiple cards in XD

  • August 8, 2022
  • 1 reply
  • 1401 views

Is there a way to flip multiple cards on one artboard in XD?

    This topic has been closed for replies.
    Correct answer Syeds

    @Atul_Saini 

     

    Thank you for the solution for the multiple cards on artboard flip. I cannot tell if all the cards are flipping or only the one hat is being clicked on. IN my test I set up the flip but one I duplicate the card to create a second card both flip simutaneiouly. How to I make only the card that is clicked omn flip? Is there a .XD file to downloaf from that example to I can investigate? Thanks.

     

    -Shaf

    1 reply

    Atul_Saini
    Community Manager
    Community Manager
    August 9, 2022

    Hi M Mac,

     

    Thanks for reaching out; here is a tutorial by Howard Pinsky about flipping a card: https://www.youtube.com/watch?v=Newb-VEHB2E. It is possible to do it for preview; you would need multiple artboards for each card and follow the process shared by Howard. However, from a design perspective, you wouldn't be able to do it on a single artboard. 

     

    Here is the development link for flipping multiple cards: https://xd.adobe.com/view/e87e4016-9691-4fc8-896f-04a4bbf6b467-bd2d/. Please check this out and let me know if this is what you're looking for. 

     

    I want to keep this thread open for Adobe Community Professionals to share their opining on this. 

     

    Thanks,

    Atul_Saini

     

     

     

    AkinGn
    Community Expert
    Community Expert
    August 9, 2022

    Hi @defaultvzrkgtmullix, as @Atul_Saini mentioned, you can do multiple artboards for each animation otherwise the best way I can think of is using a lottie animation for your prototype to animate multiple cards in a single artboard (if you're not familiar with Lottie animations: https://www.youtube.com/watch?v=d0xC1O6CTHo ) You can search for existing flip card animations in lottie animations plugin for XD or you can try to make your own: https://www.youtube.com/watch?v=72qbebvwxnY Hope this helps!

    Atul_Saini
    Community Manager
    Community Manager
    August 10, 2022

    Thanks, AkinGn. I almost missed the Lottie aspect of it. 😉