Adobe Xd Card Drag Animation - Tutorial

[@m4RIK]

Nice tutorial. How can i make i decision like swipe left or right? thanks

[@danielvanginkel7081]

For everybody who already knows how to make fonts set to a size or color a shape - the interaction part starts at 8:38

[@anasmohaideen]

One good Tutor I found on UA-cam recently!

[@CodeWithNiks101]

Man, This is insane! I was working on some project and a notification popped up that you've a new video. guess what, left the work to see this. It's always an opportunity to learn. Thanks for sharing!

[@CalerEdwards]

Wow, thanks! Glad you like the videos :D

[@CodeWithNiks101]

@@CalerEdwards I really do!

[@graphixdev]

Great tips my fiend! I like the time you take to explain how to get both the animations for the slides, as well the text in good order! Very useful for UX applications design! Keep it up 👆🏻♥

[@CalerEdwards]

Thanks will do :D

[@midnightcreature7583]

awesome!! this was really helpful
Is there a way to drag the card back instead of having to click on skip?

[@omaryassir5885]

This is awesome 🔥 I'm learning alot from this channel 💪 Thanks Caler 🥳

[@CalerEdwards]

Awesome! Thank you!

[@mbuit]

Thanks for the content! I'm learning a lot just by watching your design process, not just the main animation

[@yuvaliklik]

Thank you very much!! why when I drag it, the card from the back just arrives without the swipe animation of the first one? 🤔

[@vishwajeetpatil1159]

Great Work Man! Loved the Animation

[@aryanasdf3424]

First Nice vidos caler

[@CalerEdwards]

Hey, thanks :D

[@andrewkigen]

Thank you! This is really helpful!

[@CalerEdwards]

Glad it was helpful! :D

[@davedesigns4you]

Thanks for this design week man! You should do this more often.. For real! You're the best :D

[@CalerEdwards]

Thank you, More to come!

[@shahrukhsattar3620]

I am learning a lot from your channel. One question is i can't do 2 or 3 drags at a time. The second time it taps . i tried but doesnt work

[@chauhannikunj2531]

Awesome video bro...like it👍🏻

[@CalerEdwards]

Thank you 😀

[@victornzedu115]

thanks Caler

[@ajayumat1677]

for the grid which plugin you use?

[@monstar.studio]

Great tutorial! 🔥🔥🔥

[@snowphiakim2965]

Thank you, love U~~~

[@rodanus7112]

Cool stuff!

[@yoyoz333]

do you know how to drag across between different screens of an ios/android interface?

[@HyperActive94]

Really useful stuff thanks a lot!!

[@shashankr7705]

Love this Caler! How do you think we can do a right swipe? Smth like Tinder?

[@CalerEdwards]

You would have to prototype it on another card. Only one direction is possible on a single element as far as I know

[@djseek]

muy elegante, gracias.

[@frankyjunior6005]

any example code to implementation this?

[@Notozec0nd0m]

That's a nice one :)

[@user-lr9ov7jn2e]

Could you maybe make a tutorial about typographic scale?

[@CalerEdwards]

I'll see what I can do :D

[@arvindnv1795]

Merci!!

[@manuelrc906]

cool

[@imnkur]

how did you animate card by 45 degree (tilt card in animation)

[@CalerEdwards]

hold shift while rotating the card and it will snap to 45 degrees

[@skyedotexe]

Nice, but I think it would look better if it used apple's SF Pro fonts instead of Helvetica Neue

[@anandderick9122]

Hi you said you will be using SF Pro Display as your font but instead you used Helvetica Neue 😬

[@CalerEdwards]

oops that was a mistake lol

[@junkyardparadise]

i hate that the drag can only go one direction and not two

[@CalerEdwards]

that would be a good update