Figma Tutorial: Create a Smooth Dating Card Swipe Effect Like Tinder & Bumble
HTML-код
- Опубликовано: 12 ноя 2024
- In this step-by-step Figma tutorial, you'll learn how to design and animate a dating card swipe effect, just like the ones you see in popular apps like Tinder and Bumble. Whether you're a beginner or experienced in Figma, this guide will walk you through the process of creating smooth, interactive card animations to enhance your app designs. Perfect for UI/UX designers looking to add dynamic elements to their projects.
📌 What you'll learn:
How to design dating cards
Implement swipe animations
Create engaging UI/UX elements
Tips for prototyping in Figma
Don't forget to like, comment, and subscribe for more design tutorials! 🚀
#FigmaTutorial #UXDesign #TinderSwipeEffect #BumbleSwipeEffect #UIDesign #Prototyping
Well done, Kingsley.
However, I'm having an issue recreating this. I noticed that if the first frame has the smooth drag animation, the second frame remains static, and the same happens with the other frames. I can’t get the same smooth drag animation for all the screens.
Could this be related to my Figma subscription plan?
Linkedin brought me here im so inspired Sir
I’m so happy to hear this
Hello Kingsley. I love your videos by the way. On the previous video you created I’m stuck fixing one the button tab scroll. Could you please help me me out?
@@N2beez ok where exactly are you hooked
Never mind I figured it out. 😊
@@N2beez awesome that’s the spirit
Awesome
@@victorosimen-k2i thank you
Wow I'm recreating ASAP, but boss creating a variable is it very important other than just using normal gradients, secondly the last lady you gave Lee, that was really her name😂
It is cos when you want to make any changes to the colour it will take effect on anywhere it’s being used more like what components does for designs
@@Designwithkingsley Alright that's amazing
Hey hi Kingsley do you want any thumbnail designer for your youtube videos? I mean i would be beneficial for your Channel growth
i followed your video but the the sliding and the popup is not coming
Are you sure you rename your picture name
@@PurposefulATJ now its working
thank you😊