Figma Tutorial: Swipe Animation/Prototyping Tutorial
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-page/content-creator-bundle
(Foreign Users) - dopemotions.gumroad.com/l/contentcreatorbundlev1
⚡ 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
Пікірлер: 179
⚡be sure to follow one of the best ui designer - instagram.com/rgrimdesign/
@floraxismedianews3404
5 ай бұрын
Can we open Figma prototype file in Photoshop or Illustrator please tell me
@gaminghouse21802
4 ай бұрын
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
@you-can-t-get-know-me
3 ай бұрын
@@floraxismedianews3404 NO
@user-cr1qg6qu6d
Ай бұрын
@@gaminghouse21802same here yrr...it is not working how it is shown in the video
Need more prototyping videos❤ They are fab!
WORTH THE WAIT, LOVED IT💜💚🧡 Please make more such tutorials.
Bro love your work so much! Why are you so underrated?
Need more prtotyping videos. Your the best UIUX Designer
Really Awesome this tutorial. May God Bless You Sir ♥
You never disappointed us ❤❤ Thanks ❤
¡Excelente la explicación! ¡tratare de hacerlo pronto! gracias!
Bro plz aesi or chahiyain!!! I learned something new❤️
This guy is awesome ❤❤❤❤❤❤
Ek number Yes or chahiye sir❤
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....
Yes sir we want to learn more like these ideas
Supperb!! keep this series on
Excellent Work Sir😍
Wonderful video , good quality, good content & love you Nikhil Dada ❤️❤️❤️ Love From 🇧🇩💖💖💖
Super bro I learn so many things in this video
Bro its so interesting and i really love it..please upload more videos like this ..
Thank brother,i just watched you podcast video , really motivational ❤❤❤❤
@NikhilPawarr
6 ай бұрын
Glad to hear that
Keep making these figma prototyping videos... You are best brother ❤❤❤
@NikhilPawarr
6 ай бұрын
Thank you so much 😀
Bro is saviour 😊
sir so intersting ceration and I'm so happy after doing this tutorial
nice work . More prototyping please ....
Thank you for an eye-opening video please keep it up.
that's useful video those where learning 🎉🎉🎉
yes we want more prototype tutorial
Me encanta!❤
Thankyou very helpful
really bro you are the best please aisi prototype wali videoes seekhaty rahiy please ♥♥♥
Loved the content
woww just amazing ... learn some good concept
Awesome ❤
Wowwww toh aajka mera project idea mil gaya😂❤
Very informative video in prototyping sir
awesome tutorial
Bahot mst laga bhai 👍👍👍🙂
very amazing nikhil
very good video so much to learn
Amazing 😍
very detailed video thanks sir
Followed along. Turned out great🤍
more prototype video needed
More figma tutorials ❤
Do more figma animation designs❤
Please share more prototyping ideas
Please, where do you bring your images that you used?
Great ❤
Un prototipo como este se puede llevar a programación para verla como landing page?
Please make one video of that
Need more advance prototyping video bro ❤
really helpful bro thankyou so much👍
@NikhilPawarr
7 күн бұрын
Most welcome 😊
LOVED IT
Need more tutorial ❣️
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 .
Amazing .... Please share more prototyping ideas
@NikhilPawarr
6 ай бұрын
Very many more videos coming soon!
Very nice 👍
need some more tutorials for prototyping
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
we need after effects image manipulation video.
Parallax effect tutorials plz
🔥🔥🔥
Sir make more vidwos like this plzz
tHANKS MAN
Hello bhaiya , ye image apne kha se download Kiya please tell , I am a beginner in this
Sir ji kya hum use Fb ads crousal par use kar sakte hain
i have question how did you get that donut picture?
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
Yes bhai may inko follow kerta hu
yaar, me kab kar paunga ese smooth prototype?😐. Good job Nikhil
Need more videos of figma prototype please
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.
bhai ek video banaiye ki kaise prototype ko video main export kare
excellent
hlo please tell ki figma se design krke clientko jaise website denge like wo kaise apne website pr wo design lagyenge
You are great
Bhut jordar or bhj ese video lao bhai
bhai is type ki images kha se li website btao... jha har tarah ki images miljaye acchi quality me
can we add this in our portfolio?
Sir Aasa animation automatic run ho sakta hai kya without any click just like video?
Sir aap ye donut ki photo kaha se late ho
Yes aur tutorial banao
🎉🎉superb.. Anybody tell me how i can convert this animation to html or any standalone windows app? Need figma to play it?
Sir ya be bata dy ky prototype video ko export kasy kety hn ? Smj nhi ati es ki
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
@panthra912
4 ай бұрын
I call jimmy Jimmy: Yes! Me: Remove the Comment
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.
could you share source of the images? please
But isse phone me kaise use kare??
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
where are the files and pictures? Not mentioned in description
how to use it at Website?
Do more of this on English pls on Dope Motions! Thanks bro
@Dhairya.007
6 ай бұрын
captions available!!
Made more videos like this
hey, where can I get this font for free?
Where do you the a hd images
More tutorials ☺☺☺☺
yes🎉
It's very good 👍
@NikhilPawarr
6 ай бұрын
Thanks a lot 😊
❤️❤️❤️ I need profational figma digainer
Yess😢😢