Figma Tutorial: 3D Carousel Animation/Prototyping Tutorial (Hindi)

  Рет қаралды 87,820

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!
🎁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
⚡Download Figma for Free: psxid.figma.com/bpmjxc
⚡Figma Playlist: rb.gy/9iy3fw
🌟 Download FREE Resources: rb.gy/0lr7ju
--
📌 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
1:23 - creating the design
5:32 - adding more details
7:38 - merging the scene
8:22 - use of the guides
9:18 - creating more frames
10:20 - creating prototypes
16:45 - animating text
19:26 - Outro
▪️ Contact
For business, inquiries email me here: nikhil@dopemotions.com
Website: dopemotions.com
Thank you
#figmauidesign #figmawebdesign #figmatutorial #figmaanimation

Пікірлер: 179
@NikhilPawarr
@NikhilPawarr 6 ай бұрын
English Subtitles are now been added to the video❤
@maxgfx2464
@maxgfx2464 6 ай бұрын
Itni details me kisi ne nahi samjhaya u r a genius thank u so much upload more tutorials
@gulzaibhussain4729
@gulzaibhussain4729 7 ай бұрын
Thanks man this was the most awaited video ❤
@danish_nabiji1006
@danish_nabiji1006 7 ай бұрын
Nothings feels better than learning together
@uranshgautam
@uranshgautam 6 ай бұрын
I am not a designer/student (don't even have Ae) but due to my interest I love watching his videos 😅❤
@sadhanasapkota8975
@sadhanasapkota8975 6 ай бұрын
This is not AE, it's Figma. It is free to start and even works in a browser without installing anything. If you have a laptop or PC, maybe you can consider learning. 😊
@uranshgautam
@uranshgautam 6 ай бұрын
@@sadhanasapkota8975 oooo
@Raj-pm5kd
@Raj-pm5kd 6 ай бұрын
Balancing the binary with a splash of color - because even in code, design is where the magic happens!
@SWARNENDU-BHOWMICK
@SWARNENDU-BHOWMICK 7 ай бұрын
Amazing tutorial ❤I really like your all the tutorials
@factsonthefly725
@factsonthefly725 6 ай бұрын
beautiful guide usually I see AE videos one suggestion hold alt while selecting a element to see distance you just have to drag you courser to see the distance from that element.
@aniketborkar7114
@aniketborkar7114 7 ай бұрын
Thank you very much for this video nikhil hats off. Your solved my query
@user-cc8dw9tf9z
@user-cc8dw9tf9z 17 сағат бұрын
You made it so easy!! This is super cool and I loved trying it out
@hax1669
@hax1669 7 ай бұрын
finally the tutorial am waiting for🤩🤩
@saqibkhalfe2760
@saqibkhalfe2760 2 күн бұрын
thankyou so much genius bro for this prototyping video its teach me lots👍
@lastprince5369
@lastprince5369 6 ай бұрын
Love This
@user-vd3qe2jy8b
@user-vd3qe2jy8b 7 ай бұрын
Great Work Sir Ur video helped me to learn new things, want more tutorials from you, your videos are simple and easy to understand.
@OkayFiroz
@OkayFiroz 6 ай бұрын
Fabulous work bro👌 I loved it
@TheNamansoni
@TheNamansoni 7 ай бұрын
Want more such tutorials, Loved it❤
@NikhilPawarr
@NikhilPawarr 7 ай бұрын
Coming soon!
@GraphicDesignerJitendra
@GraphicDesignerJitendra 7 ай бұрын
Nice tutorial with step by step method, you are doing good my dear friend
@zomipasal8697
@zomipasal8697 5 ай бұрын
The video was very beneficial, and I appreciate your assistance. Thank you, Sir-I truly found it enjoyable.
@ashproeditz
@ashproeditz 7 ай бұрын
Thank you bhaiya
@user-tv8nn9gl1s
@user-tv8nn9gl1s 7 ай бұрын
want more tutorials from you , your videos are simple and more easy to understand.
@vishalkotwal8587
@vishalkotwal8587 7 ай бұрын
Great Work Sir Ur video help me to learn new things and to do experiment in my work Thank You ❤❤😘😘Keep Doing This Good Work 👍👍
@smitmanore2
@smitmanore2 7 ай бұрын
it was too good and eye pleasing video & prototyping.
@young_broters_786
@young_broters_786 6 күн бұрын
your work is good nikhil brother
@saniadhar402
@saniadhar402 6 ай бұрын
Want this kind of tutorial more🤩
@sbtvlogs21
@sbtvlogs21 6 ай бұрын
superb nikhil bhai
@akshaytank3290
@akshaytank3290 7 ай бұрын
Fabulous ❤
@Rekha14864
@Rekha14864 6 ай бұрын
dear sir, I have learned Figma from you. thank you so much.
@naatkhaawaan
@naatkhaawaan 4 ай бұрын
Best teacher ever
@sonaliverma128
@sonaliverma128 4 ай бұрын
Amazing tutorial
@daniels7250
@daniels7250 5 ай бұрын
this was really good thanks
@user-nc7xc8ve2g
@user-nc7xc8ve2g 2 ай бұрын
very helpful this video!
@sazalsarkar2130
@sazalsarkar2130 7 ай бұрын
Just Boom Boss ♥♥♥
@faheem-design
@faheem-design 6 ай бұрын
thanks sir sharing this information
@mdwaasim9741
@mdwaasim9741 13 күн бұрын
love it baiya
@faiyaz693ify
@faiyaz693ify 7 ай бұрын
U r awsm bro.. from Nepal 🇳🇵
@qasimamirhamza1014
@qasimamirhamza1014 7 ай бұрын
Love your content I learn a lot in your videos keep it up love from Pakistan❤
@unsa101
@unsa101 7 ай бұрын
Super video, make it more like this sir
@PrinSanity
@PrinSanity 7 ай бұрын
Thank you so much bro, but can you make a tutorial how to convert design to html or css and implement on wix or wordpress or godaddy?
@hiunfia4372
@hiunfia4372 4 ай бұрын
thanks... Want more videos like this
@nvpahariofficial7919
@nvpahariofficial7919 6 ай бұрын
Great work
@ritikadingu260
@ritikadingu260 3 ай бұрын
you are fabulous , Thank you for the proper guidelines .
@NikhilPawarr
@NikhilPawarr 3 ай бұрын
It's my pleasure
@sadiaislam8668
@sadiaislam8668 3 ай бұрын
Thank you so much.
@Deepika_DP
@Deepika_DP 4 күн бұрын
Bro you are too good
@TheGuyZonee
@TheGuyZonee 6 ай бұрын
love you man
@mehulpanchal775
@mehulpanchal775 7 ай бұрын
excellent ❤😊
@Bob_thedestroyer
@Bob_thedestroyer 5 ай бұрын
Thank you so much sir ❤
@luvrai22
@luvrai22 3 ай бұрын
u are a genius bro
@huzaifashahzad2001
@huzaifashahzad2001 7 ай бұрын
Nice Work
@kenvivaidya4565
@kenvivaidya4565 2 ай бұрын
Amazing bro🙌🏻
@NikhilPawarr
@NikhilPawarr 2 ай бұрын
Thank you so much 😀
@simrantomaskar.4349
@simrantomaskar.4349 6 ай бұрын
Simple learning tq sir
@Madam_Studio
@Madam_Studio 3 ай бұрын
Thanks bro!
@user-my5rm3py1b
@user-my5rm3py1b 7 ай бұрын
Thanks, Nikhil Ji. regards.
@Erfunima_
@Erfunima_ 7 ай бұрын
Make video about basics of figma as well like wireframing and user research etc
@Niteshkumar-md3vf
@Niteshkumar-md3vf 7 ай бұрын
good tutorials and I have made it the same animation❤❤
@learnerhelpers4965
@learnerhelpers4965 3 ай бұрын
Amazing 😍😍
@NikhilPawarr
@NikhilPawarr 3 ай бұрын
Thank you! Cheers!
@Izaan-Space
@Izaan-Space 6 ай бұрын
Please add live keyboard keys on display that you are using so it is helpful for us Btw Thank You for your hard work in teaching us 🥰 Better than my 10 years of school 😂
@NikhilPawarr
@NikhilPawarr 6 ай бұрын
Noted
@bikashsharma1885
@bikashsharma1885 2 ай бұрын
thank you
@khushboozia1995
@khushboozia1995 2 ай бұрын
glad that i found u
@fahad-riaz-edits
@fahad-riaz-edits 7 ай бұрын
Subscribed✅
@zoenaz12
@zoenaz12 2 ай бұрын
Amazing work. You make it look so easy please make more prototype/animation tutorial.
@NikhilPawarr
@NikhilPawarr 2 ай бұрын
That's the plan!
@abhishekburnwal1961
@abhishekburnwal1961 6 ай бұрын
Sir how to make wire frame and what's a main think of user research? 🙏
@maniedits6722
@maniedits6722 4 ай бұрын
SUPERB BRO DO MORE ABOUT PROTOTYPE KAA VIDEOS
@vikramgupta1404
@vikramgupta1404 5 ай бұрын
sir plz make some more tutorials on figma like this 🙏
@mariafarival4597
@mariafarival4597 5 ай бұрын
Plsssssss Make some more tutorials on Figma. I learning from U
@vishaldangi3462
@vishaldangi3462 6 ай бұрын
Please Don't Stop This Series at least upload 1 video per week ❤
@NikhilPawarr
@NikhilPawarr 6 ай бұрын
Alright will try my best!
@Izaan-Space
@Izaan-Space 6 ай бұрын
@@NikhilPawarr Yes Please! We want Figma
@Priyanka_gd
@Priyanka_gd 7 ай бұрын
Amazing 👏
@NikhilPawarr
@NikhilPawarr 6 ай бұрын
Thanks 😄
@UiUXWebandGraphicsdesign
@UiUXWebandGraphicsdesign 4 ай бұрын
Bro very nice video Auostanding video bro 😍😘😘😘😘😘😘😘
@soumennath3212
@soumennath3212 4 күн бұрын
great
@unsolve_writer1245
@unsolve_writer1245 5 ай бұрын
please create more videos like this 🙌😇😇
@priyavishwakarma3811
@priyavishwakarma3811 23 күн бұрын
Good job buddy 💯, design system in figma ka video bana dete yr
@hitanshithakkar1631
@hitanshithakkar1631 17 күн бұрын
"group me koi message nai karega... bad joke" earned a subscribe :)
@sihagfamilyvlog1396
@sihagfamilyvlog1396 3 ай бұрын
"My name is Chanchal and I work as a graphic designer and freelancer. Currently, I am learning UI designing as a beginner. I found your Figma tutorials to be amazing and have been able to create designs similar to yours. I am learning more quickly because of your help. Thank you so much, sir."
@NikhilPawarr
@NikhilPawarr 3 ай бұрын
Happy to help!
@mariafarival4597
@mariafarival4597 5 ай бұрын
Can you introduce about how to select front because I don’t idea it to hard for beginners
@Vlogs_withBB
@Vlogs_withBB 7 ай бұрын
plz make more video about prototyping
@user-vi8nm7up5o
@user-vi8nm7up5o 4 ай бұрын
tnx
@sachinbaraik6466
@sachinbaraik6466 7 ай бұрын
Amazing tutorial ❤️ I really like your all the tutorials
@NikhilPawarr
@NikhilPawarr 7 ай бұрын
Thanks so much 😊
@kashifmalik5347
@kashifmalik5347 7 ай бұрын
Sir what should be A to Z method to design social post
@SaidulHossain-co3il
@SaidulHossain-co3il 7 ай бұрын
Bohot sahi h
@gpsgandhinagarmangali5575
@gpsgandhinagarmangali5575 5 ай бұрын
super
@bilalsanaullah9095
@bilalsanaullah9095 7 ай бұрын
sir ap kon sa mic use krty ho kindly bta dyn...or kysy ap apni audio ki setting krty hen is pay bhi 1 video bna dyn
@sunnygupta3106
@sunnygupta3106 6 ай бұрын
Can I use prototype based components to locofy code
@nehasalma9083
@nehasalma9083 5 ай бұрын
apki video bohot acchi aap plz figma tutorial do and this type tutorial also
@lijintb2831
@lijintb2831 7 ай бұрын
DO MORE FIGMA TUTOTIALS
@SMARTRIXDbztttmods
@SMARTRIXDbztttmods 12 күн бұрын
How to use these design in websites ? I mean that animation or anyone answer me what the use of this figma Animated designs?
@Scarrrjod
@Scarrrjod 4 ай бұрын
How to export bro?
@abdullahmaqsood9017
@abdullahmaqsood9017 7 ай бұрын
sir apko auto layout use kerna chahiye or grid osaay apka kaam or asan ho jaega or alignment kernay may bhi easy rehta hay
@anandhu3832
@anandhu3832 13 күн бұрын
❤️🙌🏻
@gulzaibhussain4729
@gulzaibhussain4729 7 ай бұрын
Replacing that grey ellipse by wooden plate will enhance the design
@DesignEasywithFaizan
@DesignEasywithFaizan 4 ай бұрын
Same thinking bruh!
@arora.akshay2312-Delhi
@arora.akshay2312-Delhi 7 ай бұрын
Wowwwwww
@Unfiltered_gaming_
@Unfiltered_gaming_ Күн бұрын
How to find clients for ui ux make a video on this also sir Btw you inspired us a lot to start
@vj7466
@vj7466 6 ай бұрын
awesome!! easy to understanding,thanks
@NikhilPawarr
@NikhilPawarr 6 ай бұрын
Glad you enjoyed!
@abhishekshy5121
@abhishekshy5121 4 ай бұрын
thanku sir r
@mktv8961
@mktv8961 6 ай бұрын
nikhail bhia figma bhi after effects ki tarah ha kia animation software ha
@grandmasterbilliards
@grandmasterbilliards 5 ай бұрын
@nilkhil pawar Ise google pr publish kr ste hai kya?
@AmazonTreasures3
@AmazonTreasures3 6 ай бұрын
1k Don bro
@TheMGVlogs29
@TheMGVlogs29 6 ай бұрын
how to add typing effect ???
@yashkarakoti3680
@yashkarakoti3680 7 ай бұрын
Hey it's a really good tutorial but i have a doubt like what if we want to go back to 1st slide while i was at 4th slide how can we set that?
@HammadNoor-yv5qd
@HammadNoor-yv5qd 7 ай бұрын
Just go to prototype and connect tha 4th one with the 1st one and let figma do the animation
@didiademoroti3897
@didiademoroti3897 Ай бұрын
What would I have to do if I wanted to make a full homepage with this effect at the top of the page? How would I get the page to scroll to the bottom of the homepage. (as opposed to yours which is made on an A4 ?) Thank you!
@moneymind65
@moneymind65 6 ай бұрын
hlo im new in figma like design bane agya prototype sikh rha hu so jaise maine website design krdi sab kuh=ch prototype wagera so me client ko kaise bheju wo wo apne websitre pr jaise publish krenge wo dign please tell me \
@amalb9764
@amalb9764 Ай бұрын
Where did you get the picture....with high quality
@fouziahafeez3311
@fouziahafeez3311 5 күн бұрын
Sir figma and up ux/ up is same???
Figma Tutorial: Swipe Animation/Prototyping Tutorial
14:56
Nikhil Pawar
Рет қаралды 117 М.
ROCK PAPER SCISSOR! (55 MLN SUBS!) feat @PANDAGIRLOFFICIAL #shorts
00:31
THEY WANTED TO TAKE ALL HIS GOODIES 🍫🥤🍟😂
00:17
OKUNJATA
Рет қаралды 4,4 МЛН
10 Tips to work 10X Faster in Figma
12:01
Nikhil Pawar
Рет қаралды 36 М.
Product Animation In Canva | Rotary Effect in Canva
4:01
Abrar Mukhtar
Рет қаралды 873
My DREAM Youtube Setup Tour 2024⚡
16:10
Nikhil Pawar
Рет қаралды 82 М.
Landing Page Ui Design in Figma - 3D Carousel Slider
16:16
DS CODE
Рет қаралды 31 М.
3D  Carousel In Figma With Smart Animation। Prototyping Tutorial.
5:37