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-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: [e-mail]
Website: dopemotions.com
Thank you
#figmauidesign #figmawebdesign #figmatutorial #figmaanimation

[@NikhilPawarr]

⚡be sure to follow one of the best ui designer - instagram.com/rgrimdesign/

[@floraxismedianews3404]

Can we open Figma prototype file in Photoshop or Illustrator please tell me

[@gaminghouse21802]

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]

@@floraxismedianews3404 NO

[@user-cr1qg6qu6d]

​@@gaminghouse21802same here yrr...it is not working how it is shown in the video

[@gungunparakh]

Need more prototyping videos❤ They are fab!

[@TheNamansoni]

WORTH THE WAIT, LOVED IT💜💚🧡 Please make more such tutorials.

[@faizanpathan3827]

Bro love your work so much! Why are you so underrated?

[@gordxrohit]

You never disappointed us ❤❤ Thanks ❤

[@sazalsarkar2130]

Really Awesome this tutorial. May God Bless You Sir ♥

[@abhayswami1588]

Need more prtotyping videos. Your the best UIUX Designer

[@MARIJOGO]

¡Excelente la explicación! ¡tratare de hacerlo pronto! gracias!

[@osamanizami5266]

Bro plz aesi or chahiyain!!! I learned something new❤️

[@suniljadhav1889]

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....

[@Shaqibgraphics]

This guy is awesome ❤❤❤❤❤❤

[@SHAHBAJ_RX_GAMING]

Ek number Yes or chahiye sir❤

[@westernpendu5435]

Yes sir we want to learn more like these ideas

[@Mopsy2325]

Super bro I learn so many things in this video

[@milonmahmud2487]

Bro its so interesting and i really love it..please upload more videos like this ..

[@vaibhavsatav45]

Supperb!! keep this series on

[@nonstoplofi16]

Excellent Work Sir😍

[@jihadrahman6208]

Wonderful video , good quality, good content & love you Nikhil Dada ❤️❤️❤️ Love From 🇧🇩💖💖💖

[@mallikjan2180]

Thank brother,i just watched you podcast video , really motivational ❤❤❤❤

[@NikhilPawarr]

Glad to hear that

[@abhishekpansuriya8077]

Loved the content

[@clawalex7175]

Keep making these figma prototyping videos... You are best brother ❤❤❤

[@NikhilPawarr]

Thank you so much 😀

[@shubhamsanas5242]

Thank you for an eye-opening video please keep it up.

[@zainkhanmoto]

that's useful video those where learning 🎉🎉🎉

[@rishabhsundriyal4012]

sir so intersting ceration and I'm so happy after doing this tutorial

[@dikshakumari7538]

nice work . More prototyping please ....

[@kartik_kumar13]

Bro is saviour 😊

[@mehulpanchal775]

yes we want more prototype tutorial

[@Hassnain_Sial_Official]

really bro you are the best please aisi prototype wali videoes seekhaty rahiy please ♥♥♥

[@explorenature9039]

woww just amazing ... learn some good concept

[@krishnabillonaire516]

very good video so much to learn

[@larisa_espiritu.inhackeabl3.]

Me encanta!❤

[@ytbiobandakush4858]

Thankyou very helpful

[@samadjunejo712]

Very informative video in prototyping sir

[@Sagarika_here]

Wowwww toh aajka mera project idea mil gaya😂❤

[@MoreCreativeGFX]

Awesome ❤

[@kripa3738]

awesome tutorial

[@MuhammadQasim-kj3ub]

very detailed video thanks sir

[@tirthprajapati4234]

Amazing 😍

[@saqibkhalfe2760]

really helpful bro thankyou so much👍

[@NikhilPawarr]

Most welcome 😊

[@user-uk1pz3rs7z]

More figma tutorials ❤

[@Saikrishnawisdom]

very amazing nikhil

[@mohdhuzaifa7376]

Bahot mst laga bhai 👍👍👍🙂

[@shine5435]

Do more figma animation designs❤

[@xamilahmed127]

more prototype video needed

[@hafsahaha]

Followed along. Turned out great🤍

[@Muhammadrehanburki]

Great ❤

[@user-kw2nu6sz1t]

Amazing .... Please share more prototyping ideas

[@NikhilPawarr]

Very many more videos coming soon!

[@Workwithawaiss]

Need more advance prototyping video bro ❤

[@mdabulbasharshagar9681]

Need more tutorial ❣️

[@abhinavkumarjha165]

LOVED IT

[@mujafi-shaikshaik7111]

Very nice 👍

[@RayanBahadurKhan]

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 .

[@informativeReel]

need some more tutorials for prototyping

[@naushadalishaikh46]

🔥🔥🔥

[@howtoclown5969]

tHANKS MAN

[@alvyhassan]

Please share more prototyping ideas

[@fayyezmunir378]

excellent

[@worksmart8166]

Sir make more vidwos like this plzz

[@firelissa7532]

Please, where do you bring your images that you used?

[@stutisaxena3648]

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?

[@ivanvillacosta]

Un prototipo como este se puede llevar a programación para verla como landing page?

[@naushadalishaikh46]

Please make one video of that

[@SIDESIGN]

You are great

[@7bit240]

we need after effects image manipulation video.

[@bindu_01]

Hey can the prototype be downloaded as a video? for a showreel

[@luckygagiya1817]

Bhut jordar or bhj ese video lao bhai

[@SushantM777]

yaar, me kab kar paunga ese smooth prototype?😐. Good job Nikhil

[@UiUXWebandGraphicsdesign]

Yes bhai may inko follow kerta hu

[@kanchanbaperkar9343]

Parallax effect tutorials plz

[@lakshaymodi5569]

i have question how did you get that donut picture?

[@thePSthings]

Need more videos of figma prototype please

[@nidhi_kasaudhan]

Hello bhaiya , ye image apne kha se download Kiya please tell , I am a beginner in this

[@user-ev7fl5xj5o]

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]

I call jimmy Jimmy: Yes! Me: Remove the Comment

[@soumyaranjan1b]

Sir ji kya hum use Fb ads crousal par use kar sakte hain

[@ashvinkashyap23]

yes🎉

[@user-vk2qh3ys7n]

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

[@moneymind65]

hlo please tell ki figma se design krke clientko jaise website denge like wo kaise apne website pr wo design lagyenge

[@user-nd8sv7tu2v]

Sir ya be bata dy ky prototype video ko export kasy kety hn ? Smj nhi ati es ki

[@indrasingh87]

bhai ek video banaiye ki kaise prototype ko video main export kare

[@user-ww8eg7cy6c]

love

[@harshkochar2345]

Yes aur tutorial banao

[@TEJASVA_EDITX]

Sir aap ye donut ki photo kaha se late ho

[@tarunsingh2051]

bhai is type ki images kha se li website btao... jha har tarah ki images miljaye acchi quality me

[@rashipandey6485]

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.

[@bhajanalaya_7822]

Yess😢😢

[@harshu4u532]

GOOD

[@enoughhoreo7523]

Made more videos like this

[@nikeeta9418]

Sir Aasa animation automatic run ho sakta hai kya without any click just like video?

[@akshay_sapkale12]

😍

[@amel1360]

can we add this in our portfolio?

[@Muhammadraza315]

More tutorials ☺☺☺☺

[@sameerjaved4595]

where are the files and pictures? Not mentioned in description

[@saidinesh684]

Where do you the a hd images

[@crazykiller4319]

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

[@DeanWillpower]

Do more of this on English pls on Dope Motions! Thanks bro

[@Dhairya.007]

captions available!!

[@Juuggu0098]

Here❤😊

[@petsworld3731]

It's very good 👍

[@NikhilPawarr]

Thanks a lot 😊

[@prathameshvartak3105]

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.

[@yaseenmaqsood3801]

Hi sir, need more prototyping videos.

[@NikhilPawarr]

More to come!

[@sanjay_kp_]

how to use it at Website?