Figma Tutorial: Swipe Animation/Prototyping Tutorial
ฝัง
- เผยแพร่เมื่อ 1 มิ.ย. 2024
- Hey everyone in this video we will learn to turn our UI design into prototypes that we can present to our clients. this video is perfect for people are freshers to figma prototyping as I will cover everything in detail. we will also cover topics like animation figma, figma prototyping, ui design figma, UX design figma, figma tutorials for beginners and more!
⚡Download Figma for Free: psxid.figma.com/bpmjxc
⚡Figma Playlist: rb.gy/9iy3fw
🌟 Download FREE Resources: rb.gy/2cnzav
🎁My Transitions Pack:
(Indian Users) - www.dopemotions.com/product-p...
(Foreign Users) - dopemotions.gumroad.com/l/con...
⚡ My After Effects course is out now!
www.dopemotions.com/courses
--
📌 Top 5 Best Selling Templates:
Handy Seamless Transitions - 1.envato.market/r1Prv
Photomotion X - 1.envato.market/aZXoR
AE Face Tools - 1.envato.market/9WRdBj
1850 FX elements - 1.envato.market/mkR2Z
Toko Graphics Pack - 1.envato.market/gQEnA
--
❤️ My Instagram profiles:
Dope Motions - / dope.motions
Nikhil Pawar - / nikhilpawarrr
Join my Telegram Channel for Freebies: telegram.me/dopemotionss
⚡Chapters:
0:00 - Intro
0:38 - Designing the Scene
8:09 - Creating Multiple Frames
10:15 - Understanding the Prototype Basics
12:00 - Making More Frames
13:14 - Final Prototyping
14:55 - Outro
▪️ Contact
For business, inquiries email me here: nikhil@dopemotions.com
Website: dopemotions.com
Thank you
#figmauidesign #figmawebdesign #figmatutorial #figmaanimation
⚡be sure to follow one of the best ui designer - instagram.com/rgrimdesign/
Can we open Figma prototype file in Photoshop or Illustrator
please tell me
bro please help .. the swipe dosent working .. i did exactly every point to point when i prototype the swipe animation kind a glitch .. help me plz
@@floraxismedianews3404 NO
@@gaminghouse21802same here yrr...it is not working how it is shown in the video
WORTH THE WAIT, LOVED IT💜💚🧡
Please make more such tutorials.
Need more prototyping videos❤
They are fab!
Bro love your work so much! Why are you so underrated?
Really Awesome this tutorial. May God Bless You Sir ♥
Need more prtotyping videos. Your the best UIUX Designer
¡Excelente la explicación! ¡tratare de hacerlo pronto! gracias!
Very Nice Nikhill....once again rock in collaboration with one talent.....to serve us creative dish....Thank a ton both of u....Hoping to bring new creative concepts with new talented designers....
You never disappointed us ❤❤
Thanks ❤
This guy is awesome ❤❤❤❤❤❤
Wonderful video , good quality, good content & love you Nikhil Dada ❤️❤️❤️
Love From 🇧🇩💖💖💖
Excellent Work Sir😍
Bro its so interesting and i really love it..please upload more videos like this ..
Bro plz aesi or chahiyain!!! I learned something new❤️
Super bro I learn so many things in this video
Yes sir we want to learn more like these ideas
where are the files and pictures? Not mentioned in description
04:10 Nikhil be like: or isse m niche le lunga 😂😂😂😂😂😂plz don't mind, you are doing great, I appreciate this man, ye bas fun part tha
I call jimmy
Jimmy: Yes!
Me: Remove the Comment
Un prototipo como este se puede llevar a programación para verla como landing page?
Ek number
Yes or chahiye sir❤
Supperb!! keep this series on
Sir I made whole design but prototype not working
Please, where do you bring your images that you used?
Awesome ❤
really bro you are the best please aisi prototype wali videoes seekhaty rahiy please
♥♥♥
Bro is saviour 😊
Thank you for an eye-opening video please keep it up.
nice work . More prototyping please ....
great but... wanna give few suggestions pls add the font name, size, color code, text you are writing in this project. It will be a great help and just go bit slower if theres something important you are telling and also keep a watch on your sayings coz sometimes you say text and you move ahead with image so theres a bit confusion. I know it happens in the flow but... And also if you use some premium font and materials then pls mention that in description box and if possible can give some alternative for the same.
Sir mera laptop m circle ka colour redial kerta h to Blue berry kerna ka koi option nhi a reha
awesome tutorial
Amazing 😍
Me encanta!❤
Very good tutorial. Is it possible that we can use this animation as independents full screen exported Slideshow/presentation, that will work on drag or whatever action has been defined. The idea is to use these animations in Business Presentations .
Thankyou very helpful
Sir ji kya hum use Fb ads crousal par use kar sakte hain
Thank brother,i just watched you podcast video , really motivational ❤❤❤❤
Glad to hear that
that's useful video those where learning 🎉🎉🎉
Hello bhaiya , ye image apne kha se download Kiya please tell , I am a beginner in this
very amazing nikhil
Bhaiya please help me.... prototype work ni kr rha h.....jb present kr rhe to drag krne par pura screen move ho ja Raha h....or saare donuts show ho rhe h.....circle b dikh rha blueberry wala and upar saare elements dikh rha....or ye pura ek alag screen move kr raha h...what to do??
very detailed video thanks sir
Very nice 👍
hlo please tell ki figma se design krke clientko jaise website denge like wo kaise apne website pr wo design lagyenge
Very informative video in prototyping sir
I just saw the first video of this playlist...and now want to directly start with this project? Is it possible or i'll need other basics too?
Hey can the prototype be downloaded as a video? for a showreel
Please make one video of that
Followed along. Turned out great🤍
i have question how did you get that donut picture?
Sir aap ye donut ki photo kaha se late ho
yes we want more prototype tutorial
Keep making these figma prototyping videos... You are best brother ❤❤❤
Thank you so much 😀
LOVED IT
Sir ya be bata dy ky prototype video ko export kasy kety hn ? Smj nhi ati es ki
Great ❤
Bhai dot nahin add ho raha hai
But isse phone me kaise use kare??
Wowwww toh aajka mera project idea mil gaya😂❤
Bahot mst laga bhai 👍👍👍🙂
More figma tutorials ❤
bhai jan bhut acha tutorial tha.sary samaj aye bas ye bata de ye donut wagera ki pic kahan se li.or is tarah ke picture ke liye koi website ya software bata de. plz
Do more figma animation designs❤
Please share more prototyping ideas
bro plss help me out when i open your link it just rederct me to recent files and only mi recent files showen not yours what shuold i dooo plss telll brooo ls help me
more prototype video needed
bhai is type ki images kha se li website btao... jha har tarah ki images miljaye acchi quality me
we need after effects image manipulation video.
VERY IMPORTANT :
Sir, Agar PNG Icon use kiya Jiski 512*512 resolution hai. Aur Client ne Humara Flyer Purchase kiya toh woh jab print karne jayega.
toh, print acchi ayegi ya problem hoga?
Please answer dijiye? kyonki Flaticon pe PSD Format nahi Show Kar raha.
excellent
Need more tutorial ❣️
mai ye janana chata hu ky ye figma mai to work kr rha hy hum isyy export kr ky kaise work krwaskty hai
can we add this in our portfolio?
bhai ek video banaiye ki kaise prototype ko video main export kare
Need more advance prototyping video bro ❤
bhaiya prototype sahi se work nahi kar raha hai
bhai mast h.....animation itni asani se video me kaise kar sakte h kya koi option h...
Sir make more vidwos like this plzz
need some more tutorials for prototyping
tHANKS MAN
You are great
🎉🎉superb.. Anybody tell me how i can convert this animation to html or any standalone windows app? Need figma to play it?
Parallax effect tutorials plz
Amazing .... Please share more prototyping ideas
Very many more videos coming soon!
yaar, me kab kar paunga ese smooth prototype?😐. Good job Nikhil
how to use it at Website?
Where do you the a hd images
could you share source of the images? please
Bhut jordar or bhj ese video lao bhai
Need more videos of figma prototype please
But isse phone me kaise use kare?? 0:04
Prototype download ho sakte hai?
love
yes🎉
Bro cannot get the dot part. Tried 100 times but couldn’t! Help??
Yes bhai may inko follow kerta hu
bhai Save kaise karenge file me
hey, where can I get this font for free?
does it require paid version of figma?
🔥🔥🔥