Skip to main content
defaultvzrkgtmullix
Participant
August 8, 2022
Answered

Flip multiple cards in XD

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

    This topic is closed to new replies. Start a new post to keep the conversation going.
    Syeds
    SyedsCorrect answer
    Inspiring
    December 6, 2023

    @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

    View reply

    4 replies

    Atul_Saini
    Atul_Saini
    Legend
    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

     

     

     

    Translate
      AkinGn
      Community Expert
      AkinGnCommunity 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!

      Translate
      Atul_Saini
      Atul_Saini
      Legend
      August 10, 2022

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

      Translate
        Terms & ConditionsAccessibility statement
        Using the community Terms of use Privacy Cookie preferences Do not sell or share my personal information ad choicesAdChoices