No video

Figma Tutorial: Swipe Animation/Prototyping Tutorial

  Рет қаралды 143,131

Nikhil Pawar

Nikhil Pawar

Күн бұрын

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.co...
⚡Figma Playlist: rb.gy/9iy3fw
🌟 Download FREE Resources: rb.gy/2cnzav
🎁My Transitions Pack:
(Indian Users) - www.dopemotion...
(Foreign Users) - dopemotions.gu...
⚡ My After Effects course is out now!
www.dopemotion...
--
📌 Top 5 Best Selling Templates:
Handy Seamless Transitions - 1.envato.marke...
Photomotion X - 1.envato.marke...
AE Face Tools - 1.envato.marke...
1850 FX elements - 1.envato.marke...
Toko Graphics Pack - 1.envato.marke...
--
❤️ My Instagram profiles:
Dope Motions - / dope.motions
Nikhil Pawar - / nikhilpawarrr
Join my Telegram Channel for Freebies: telegram.me/do...
⚡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

Пікірлер: 193
@NikhilPawarr
@NikhilPawarr 8 ай бұрын
⚡be sure to follow one of the best ui designer - instagram.com/rgrimdesign/
@floraxismedianews3404
@floraxismedianews3404 7 ай бұрын
Can we open Figma prototype file in Photoshop or Illustrator please tell me
@gaminghouse21802
@gaminghouse21802 6 ай бұрын
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
@you-can-t-get-know-me 5 ай бұрын
@@floraxismedianews3404 NO
@user-cr1qg6qu6d
@user-cr1qg6qu6d 2 ай бұрын
​@@gaminghouse21802same here yrr...it is not working how it is shown in the video
@gungunparakh
@gungunparakh 8 ай бұрын
Need more prototyping videos❤ They are fab!
@TheNamansoni
@TheNamansoni 8 ай бұрын
WORTH THE WAIT, LOVED IT💜💚🧡 Please make more such tutorials.
@mallikjan2180
@mallikjan2180 8 ай бұрын
Thank brother,i just watched you podcast video , really motivational ❤❤❤❤
@NikhilPawarr
@NikhilPawarr 8 ай бұрын
Glad to hear that
@rishabhsundriyal4012
@rishabhsundriyal4012 2 ай бұрын
sir so intersting ceration and I'm so happy after doing this tutorial
@Shaqibgraphics
@Shaqibgraphics 8 ай бұрын
This guy is awesome ❤❤❤❤❤❤
@faizanpathan3827
@faizanpathan3827 8 ай бұрын
Bro love your work so much! Why are you so underrated?
@osamanizami5266
@osamanizami5266 8 ай бұрын
Bro plz aesi or chahiyain!!! I learned something new❤️
@abhayswami1588
@abhayswami1588 6 ай бұрын
Need more prtotyping videos. Your the best UIUX Designer
@explorenature9039
@explorenature9039 2 ай бұрын
woww just amazing ... learn some good concept
@sazalsarkar2130
@sazalsarkar2130 8 ай бұрын
Really Awesome this tutorial. May God Bless You Sir ♥
@shubhamsanas5242
@shubhamsanas5242 8 ай бұрын
Thank you for an eye-opening video please keep it up.
@saqibkhalfe2760
@saqibkhalfe2760 Ай бұрын
really helpful bro thankyou so much👍
@NikhilPawarr
@NikhilPawarr Ай бұрын
Most welcome 😊
@safi_desing
@safi_desing 8 ай бұрын
Ek number Yes or chahiye sir❤
@MARIJOGO
@MARIJOGO 6 ай бұрын
¡Excelente la explicación! ¡tratare de hacerlo pronto! gracias!
@yogeshsehgal96
@yogeshsehgal96 Ай бұрын
Thank You So Much Please make more such tutorials
@gordxrohit
@gordxrohit 8 ай бұрын
You never disappointed us ❤❤ Thanks ❤
@rashipandey6485
@rashipandey6485 4 ай бұрын
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.
@Sagarika_here
@Sagarika_here 8 ай бұрын
Wowwww toh aajka mera project idea mil gaya😂❤
@jihadrahman6208
@jihadrahman6208 8 ай бұрын
Wonderful video , good quality, good content & love you Nikhil Dada ❤️❤️❤️ Love From 🇧🇩💖💖💖
@clawalex7175
@clawalex7175 8 ай бұрын
Keep making these figma prototyping videos... You are best brother ❤❤❤
@NikhilPawarr
@NikhilPawarr 8 ай бұрын
Thank you so much 😀
@Mopsy2325
@Mopsy2325 6 ай бұрын
Super bro I learn so many things in this video
@user-ev7fl5xj5o
@user-ev7fl5xj5o 7 ай бұрын
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
@panthra912 5 ай бұрын
I call jimmy Jimmy: Yes! Me: Remove the Comment
@krishnabillonaire516
@krishnabillonaire516 Ай бұрын
very good video so much to learn
@vaibhavsatav45
@vaibhavsatav45 4 ай бұрын
Supperb!! keep this series on
@westernpendu5435
@westernpendu5435 8 ай бұрын
Yes sir we want to learn more like these ideas
@milonmahmud2487
@milonmahmud2487 8 ай бұрын
Bro its so interesting and i really love it..please upload more videos like this ..
@suniljadhav1889
@suniljadhav1889 8 ай бұрын
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....
@harshtyagi7391
@harshtyagi7391 28 күн бұрын
4:26 per jab tum size adjust karoge naa toh make shure W and H ke side mein ek link wala option hai usko check karlena sath mein link hogenge tabhi last 2 donots adjust honge warna nahi honge size ulta sidha hoga ok
@WebKitCoding
@WebKitCoding Ай бұрын
Yes sir, more please❤
@dikshakumari7538
@dikshakumari7538 8 ай бұрын
nice work . More prototyping please ....
@kartik_kumar13
@kartik_kumar13 8 ай бұрын
Bro is saviour 😊
@Fantastic-4-you
@Fantastic-4-you 6 ай бұрын
Bahot mst laga bhai 👍👍👍🙂
@7bit240
@7bit240 8 ай бұрын
we need after effects image manipulation video.
@ytbiobandakush4858
@ytbiobandakush4858 5 ай бұрын
Thankyou very helpful
@Hassnain_Sial_Official
@Hassnain_Sial_Official 6 ай бұрын
really bro you are the best please aisi prototype wali videoes seekhaty rahiy please ♥♥♥
@mehulpanchal775
@mehulpanchal775 8 ай бұрын
yes we want more prototype tutorial
@UiUXWebandGraphicsdesign
@UiUXWebandGraphicsdesign 5 ай бұрын
Yes bhai may inko follow kerta hu
@xamilahmed127
@xamilahmed127 5 ай бұрын
more prototype video needed
@zainkhanmoto
@zainkhanmoto 8 ай бұрын
that's useful video those where learning 🎉🎉🎉
@nonstoplofi16
@nonstoplofi16 8 ай бұрын
Excellent Work Sir😍
@yaseenmaqsood3801
@yaseenmaqsood3801 Ай бұрын
Hi sir, need more prototyping videos.
@NikhilPawarr
@NikhilPawarr Ай бұрын
More to come!
@mrtourist
@mrtourist Ай бұрын
amaizing
@abhishekpansuriya8077
@abhishekpansuriya8077 Ай бұрын
Loved the content
@user-vk2qh3ys7n
@user-vk2qh3ys7n 3 ай бұрын
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
@Saikrishnawisdom
@Saikrishnawisdom 8 ай бұрын
very amazing nikhil
@Sukuna-8k23
@Sukuna-8k23 Ай бұрын
Thanks ❤🌹
@vaibhavkachhadiya3910
@vaibhavkachhadiya3910 9 күн бұрын
Superb
@indrasingh87
@indrasingh87 7 ай бұрын
bhai ek video banaiye ki kaise prototype ko video main export kare
@user-uk1pz3rs7z
@user-uk1pz3rs7z 8 ай бұрын
More figma tutorials ❤
@MuhammadQasim-kj3ub
@MuhammadQasim-kj3ub 7 ай бұрын
very detailed video thanks sir
@samadjunejo712
@samadjunejo712 8 ай бұрын
Very informative video in prototyping sir
@jabbarmk
@jabbarmk 8 ай бұрын
🎉🎉superb.. Anybody tell me how i can convert this animation to html or any standalone windows app? Need figma to play it?
@worksmart8166
@worksmart8166 8 ай бұрын
Sir make more vidwos like this plzz
@Workwithawaiss
@Workwithawaiss 8 ай бұрын
Need more advance prototyping video bro ❤
@Muhammad_Hadi_786
@Muhammad_Hadi_786 5 күн бұрын
Nikhil bahi agar hum figma mein jo art board hai matlab jahan hum designing kar rahy hn wo zoom in zoom out kaisay karen gy? agar hum ctrl + karen gy to wo bohot ziyada hota hai ur ctrl - kron to bohot kamn but hum apny hisab sy set nhe krsakty ? so how we do that ?
@kripa3738
@kripa3738 4 ай бұрын
awesome tutorial
@shine5435
@shine5435 8 ай бұрын
Do more figma animation designs❤
@alvyhassan
@alvyhassan 8 ай бұрын
Please share more prototyping ideas
@KhuxhiAyaz-od7gh
@KhuxhiAyaz-od7gh Ай бұрын
PLEASE MORE GUIDANCE ABOUT IT
@hafsa-farooqi
@hafsa-farooqi 7 ай бұрын
Followed along. Turned out great🤍
@naushadalishaikh46
@naushadalishaikh46 3 ай бұрын
🔥🔥🔥
@sakshimaheshwari6999
@sakshimaheshwari6999 Ай бұрын
Please make more videos❤️
@mdabulbasharshagar9681
@mdabulbasharshagar9681 8 ай бұрын
Need more tutorial ❣️
@informativeReel
@informativeReel 6 ай бұрын
need some more tutorials for prototyping
@naushadalishaikh46
@naushadalishaikh46 3 ай бұрын
Please make one video of that
@Muhammadraza315
@Muhammadraza315 8 ай бұрын
More tutorials ☺☺☺☺
@Muhammadrehanburki
@Muhammadrehanburki 8 ай бұрын
Great ❤
@abhinavkumarjha165
@abhinavkumarjha165 8 ай бұрын
LOVED IT
@luckygagiya1817
@luckygagiya1817 6 ай бұрын
Bhut jordar or bhj ese video lao bhai
@omchavda5879
@omchavda5879 8 ай бұрын
AI generated donuts,looks good.
@SushantM777
@SushantM777 8 ай бұрын
yaar, me kab kar paunga ese smooth prototype?😐. Good job Nikhil
@petsworld3731
@petsworld3731 8 ай бұрын
It's very good 👍
@NikhilPawarr
@NikhilPawarr 8 ай бұрын
Thanks a lot 😊
@DeanWillpower
@DeanWillpower 8 ай бұрын
Do more of this on English pls on Dope Motions! Thanks bro
@Dhairya.007
@Dhairya.007 8 ай бұрын
captions available!!
@thePSthings
@thePSthings 8 ай бұрын
Need more videos of figma prototype please
@howtoclown5969
@howtoclown5969 8 ай бұрын
tHANKS MAN
@harshkochar2345
@harshkochar2345 8 ай бұрын
Yes aur tutorial banao
@MoreCreativeGFX
@MoreCreativeGFX 8 ай бұрын
Awesome ❤
@officialapuyt9158
@officialapuyt9158 5 ай бұрын
❤️❤️❤️ I need profational figma digainer
@tirthprajapati4234
@tirthprajapati4234 8 ай бұрын
Amazing 😍
@kanchanbaperkar9343
@kanchanbaperkar9343 8 ай бұрын
Parallax effect tutorials plz
@larisa_espiritu.inhackeabl3.
@larisa_espiritu.inhackeabl3. 7 ай бұрын
Me encanta!❤
@bhajanalaya_7822
@bhajanalaya_7822 5 ай бұрын
Yess😢😢
@nikeeta9418
@nikeeta9418 2 ай бұрын
Sir Aasa animation automatic run ho sakta hai kya without any click just like video?
@mujafi-shaikshaik7111
@mujafi-shaikshaik7111 2 ай бұрын
Very nice 👍
@sameerjaved4595
@sameerjaved4595 3 ай бұрын
where are the files and pictures? Not mentioned in description
@firelissa7532
@firelissa7532 3 ай бұрын
Please, where do you bring your images that you used?
@DribbleGamingx
@DribbleGamingx 3 ай бұрын
Frontend engineer be like 💔🫀🗿🚩
@tarunsingh2051
@tarunsingh2051 6 ай бұрын
bhai is type ki images kha se li website btao... jha har tarah ki images miljaye acchi quality me
@ivanvillacosta
@ivanvillacosta 6 ай бұрын
Un prototipo como este se puede llevar a programación para verla como landing page?
@prathameshvartak3105
@prathameshvartak3105 8 ай бұрын
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.
@AdityaSingh-vf4de
@AdityaSingh-vf4de 6 ай бұрын
more prototypying videos
@Msahiil
@Msahiil 8 ай бұрын
bhai mast h.....animation itni asani se video me kaise kar sakte h kya koi option h...
@user-nd8sv7tu2v
@user-nd8sv7tu2v 5 ай бұрын
Sir ya be bata dy ky prototype video ko export kasy kety hn ? Smj nhi ati es ki
@TEJASVA_EDITX
@TEJASVA_EDITX 3 ай бұрын
Sir aap ye donut ki photo kaha se late ho
@someshkanitkar
@someshkanitkar Ай бұрын
caramel color code pls
@fayyezmunir378
@fayyezmunir378 4 ай бұрын
excellent
@stutisaxena3648
@stutisaxena3648 7 ай бұрын
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?
@sbkhan303
@sbkhan303 8 ай бұрын
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 .
@PikuGayen-wn2fv
@PikuGayen-wn2fv 8 ай бұрын
Sir after effect advance editing tutorial dalo plz 😢
Boost Your Graphic Design Process | Graphic Design Tutorial in Hindi
21:00
Smart Sigma Kid #funny #sigma #comedy
00:40
CRAZY GREAPA
Рет қаралды 37 МЛН
Box jumping challenge, who stepped on the trap? #FunnyFamily #PartyGames
00:31
Family Games Media
Рет қаралды 30 МЛН
ROLLING DOWN
00:20
Natan por Aí
Рет қаралды 8 МЛН
Comfortable 🤣 #comedy #funny
00:34
Micky Makeover
Рет қаралды 16 МЛН
Figma Tutorial: 3D Carousel Animation/Prototyping Tutorial (Hindi)
19:57
Figma Tutorial: 3D Carousel Slider (+ free files 🎁)
18:18
UI Adrian
Рет қаралды 560 М.
Figma Tutorial: Fruit Swipe Animation/Prototyping Tutorial
8:45
Discover design with Muhammad
Рет қаралды 2,4 М.
Top 2024 Web Design Trends
5:32
Codex Community
Рет қаралды 565 М.
How to make a 3D Prototype with Figma - Tutorial
9:00
Minh Pham
Рет қаралды 91 М.
Figma UX tutorial for beginners - Prototype
11:42
Aliena Cai
Рет қаралды 149 М.
Smart Sigma Kid #funny #sigma #comedy
00:40
CRAZY GREAPA
Рет қаралды 37 МЛН