Create card flip animation in Figma

  Рет қаралды 36,977

Nick Babich

Nick Babich

Күн бұрын

Пікірлер: 34
@shubhamsclub9718
@shubhamsclub9718 10 күн бұрын
Thankyou so much for this tutorial. I liked your teaching style. :)
@toreykesteven2223
@toreykesteven2223 7 ай бұрын
this video saved me! thank you
@theemplaylist
@theemplaylist 7 ай бұрын
Thank you Nick! You're truly amazing!!!
@nguyentam6563
@nguyentam6563 3 ай бұрын
please help me to answer why my flip card is not flip but only change like "transparency animation back and front"
@Zahra-zo3yi
@Zahra-zo3yi 3 ай бұрын
mine too!
@fnonaka
@fnonaka 4 ай бұрын
I didn't understand why u duplicated the front+back in 0:48... it was necessary?
@nilakman
@nilakman Ай бұрын
Thank you Nick ! realy good explanation :)
@statusTwoHundred
@statusTwoHundred 8 ай бұрын
How we can export this flipping animation to Lottie?
@spicylimer
@spicylimer 11 ай бұрын
Hi Nick, thanks for the tutorial. I made a similar animation like that and I'd like to export it somehow. Do you have any recommendations on the best way to export this animation? I was thought about gif but I'm struggling so far with the export. Thanks.
@babichnick
@babichnick 11 ай бұрын
Thanks! I usually do a screen recording and then use Gifski (MOV to GIF converter) to turn the recorded video into GIF
@spicylimer
@spicylimer 11 ай бұрын
Thanks, following your suggestion I made it work.@@babichnick
@smileabdul
@smileabdul 10 ай бұрын
Hey Nick, I did the same but the effect is not a FLIP, idk why it just changes to the other card without flipping it. I am sure I have not missed anything, any help?
@nehasalma9083
@nehasalma9083 9 ай бұрын
yes may be miss something because mine also not working
@smileabdul
@smileabdul 9 ай бұрын
@@nehasalma9083 I sorted this out myself, the issue is actually with the layers. We have to keep them in a way that everything works well. Try to arrange them in the way shown in the video, if it still does not work, try to rearrange layers in every way, there are 4 layers only, rearranging them should not be difficult.
@nehasalma9083
@nehasalma9083 9 ай бұрын
@@smileabdul i did bit flip not come out after making variants i got 4 card but did
@smileabdul
@smileabdul 9 ай бұрын
@@nehasalma9083 you are definitely missing something there. Try it again and again until you get it
@yasanoa
@yasanoa 9 ай бұрын
I have the same issue, followed every step but it does not flip, but fades.
@antoinekammouni
@antoinekammouni 8 ай бұрын
thank you so much ya ashta
@7_eleni914
@7_eleni914 3 ай бұрын
THANK YOU!! Subscribed :)
@BigAppleRedd
@BigAppleRedd 5 ай бұрын
it looks so easy my god... thanks :')
@suzi9907
@suzi9907 2 ай бұрын
how to make with 3 card?
@thelastpixel0219
@thelastpixel0219 2 ай бұрын
How using a button to flip
@NaimTalukder-n1y
@NaimTalukder-n1y 8 ай бұрын
Great Thanks a lot
@thebestgirl
@thebestgirl 3 ай бұрын
Thanks a lot !!!
@meets8
@meets8 3 ай бұрын
Thank youuuuuu
@Anshi_480
@Anshi_480 4 ай бұрын
Didn't work.
@luca_pandolfi
@luca_pandolfi 9 ай бұрын
Doesn't flip
@sungyongkim82
@sungyongkim82 9 ай бұрын
Make sure the layer names match between the frames.
@lasboters
@lasboters 8 ай бұрын
Perfect. But this is not 3D flip...
@kunleyusuff1997
@kunleyusuff1997 5 ай бұрын
could you help with the 3d flip ?
Creating Interactive Accordion in Figma
2:41
Nick Babich
Рет қаралды 26 М.
Reduce Prototypes by 50% (Simple trick) | Figma Tutorial
5:41
Хасанның өзі эфирге шықты! “Қылмыстық топқа қатысым жоқ” дейді. Талғарда не болды? Халық сене ме?
09:25
Демократиялы Қазақстан / Демократический Казахстан
Рет қаралды 306 М.
龟兔赛跑:好可爱的小乌龟#short #angel #clown
01:00
Super Beauty team
Рет қаралды 11 МЛН
ДЕНЬ УЧИТЕЛЯ В ШКОЛЕ
01:00
SIDELNIKOVVV
Рет қаралды 4 МЛН
Input Stepper in Figma
3:33
Nick Babich
Рет қаралды 2,8 М.
From Figma to a 3D Web Page with Dora Plugin - No code Tutorial
12:16
Create Progress Ring in Figma | Quick Figma Animation
16:37
How to Create a Card Flip Animation in Figma
5:53
Design Xstream
Рет қаралды 55 М.
Create A Stunning Flip Card Effect In Figma: Step-by-step Tutorial
4:31
Card swipes/ carousels in Figma
18:41
Akash Yadav
Рет қаралды 65 М.
The CORRECT (and lazy) way to prototype | Figma Tutorial
5:00
Tab navigation in Figma
4:29
Nick Babich
Рет қаралды 24 М.
Хасанның өзі эфирге шықты! “Қылмыстық топқа қатысым жоқ” дейді. Талғарда не болды? Халық сене ме?
09:25
Демократиялы Қазақстан / Демократический Казахстан
Рет қаралды 306 М.