Create A Stunning Flip Card Effect In Figma: Step-by-step Tutorial

Поділитися
Вставка
  • Опубліковано 23 гру 2024

КОМЕНТАРІ • 25

  • @aquiyahdesigns
    @aquiyahdesigns  Рік тому +1

    Figma community file link:
    www.figma.com/community/file/1225784156271398639

  • @Gamewithstyle
    @Gamewithstyle 5 днів тому

    So helpful! Thank you!

  • @RedPossum8806
    @RedPossum8806 2 місяці тому

    OMG, I've been trying to do this on other tutorials for 2 hours and yours is the only one that worked for me. Thank you!!!!

  • @llalogann
    @llalogann Рік тому +2

    Thank you very much ! best tuto I've seen on the subject.

  • @Priyankakumari-so3jk
    @Priyankakumari-so3jk 6 місяців тому

    Hey Just letting you know your tutorial helped me a big deal... I have been trying to animate this effect all day for a project watched other tutorials but none of them actually worked.... But this worked... Thank yoou for making this tutorial

  • @Burst4All
    @Burst4All Рік тому +2

    I love this approach to creating flipcards.🎉

  • @umamaheswari3251
    @umamaheswari3251 Рік тому +2

    Thank you soooooo much😊😊😊for this tutorial 😊😊😊

  • @fakhrihamizan5068
    @fakhrihamizan5068 Місяць тому

    for me the smart animate part is broken and give me a different result instead

  • @AllenCenteno
    @AllenCenteno Рік тому

    Thanks a lot 😊😊😊

  • @gokcenurinan8492
    @gokcenurinan8492 Рік тому

    Hello! Thank you for the detailed tutorial. I've been using flipping cards interactions in my eLearning projects with Articulate Storyline. My question is, do you know if it's possible to create this interaction in Figma and then import it into the Articulate Storyline projects? many thanks

    • @aquiyahdesigns
      @aquiyahdesigns  6 місяців тому

      Hi, I do not know what Articulate Storyline is. Is it a prototype tool like Figma? Also with Figma prototypes, you can't import the interactions, you can only screen record them. If there is another way I stand to be corrected

  • @HerrBowski
    @HerrBowski Рік тому

    Great tutorial! Thank you!

    • @aquiyahdesigns
      @aquiyahdesigns  Рік тому +1

      You're welcome. I'm glad you found it insightful

  • @regal3066
    @regal3066 Рік тому

    thanks g! amazing explanation

  • @juanorttega
    @juanorttega Рік тому

    Hi there! In the bonus part, once I duplicate the name card, I right click on it so I can detach instance but I don't get the option. Then I go to Object > Detach Instance but the option is greyed out. Do you know what could be happening?

    • @aquiyahdesigns
      @aquiyahdesigns  6 місяців тому

      Maybe it duplicates as another component instead of an instance or you probably right click on an element within the instance instead of the instance itself.

  • @Elrykkstorm
    @Elrykkstorm Рік тому

    Cool stuff!

  • @Anshi_480
    @Anshi_480 6 місяців тому

    I tried it but mine is not working when trued prototype its showing totally black screen and now idk what to do.

    • @aquiyahdesigns
      @aquiyahdesigns  6 місяців тому

      With the recent Figma updates, it seems to have broken previously working prototypes. Can you share your file with me so I look through?

  • @mrmohammad8775
    @mrmohammad8775 Рік тому

    can i export it as Video?