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

Поділитися
Вставка
  • Опубліковано 9 січ 2025

КОМЕНТАРІ • 246

  • @NikhilPawarr
    @NikhilPawarr  Рік тому +17

    English Subtitles are now been added to the video❤

    • @abhishekpansuriya8077
      @abhishekpansuriya8077 5 місяців тому

      i think i might have found a way to do so without using ruler and it comes at exact measurement when u rotate the circle 1>> create a circular frame.. 2>> create an ellipse 3>> now select ellipse and circular frame and use a plugin called TO PATH and in click on link 3>> now add number 4 numbers to show for circular thingy and make sure the first checkbox is checked and click ok
      now u will have 4 circular pizza layout which will rotate together without the circles going left and right. and this whole thing took me like 2 minutes 😃. try it and make a small video if possible

    • @Haseebgraphics069
      @Haseebgraphics069 5 місяців тому

      Bhai Achi Tarha Vedio bana kr Upload KYa krain plzz.... Editing Vedio kr koi smj nai ati ...Ye Apny "Home Specifications About Us Contact" ye kesy krna ha...K Home pr Click krny Sy Phla Page Or Contact pr Click krny Sy Contact Wala Page aa jaye......plzz ye b Bata dain....Or Work Completely Kya krain....hamain Kya Faida hua.... Channel ko Subscribe krny ka????...jab ap Vedio Editing wali Banaty ho

    • @zh.rjcreations759
      @zh.rjcreations759 Місяць тому

      bro,,,is prototype vedio ko save kere kare apni pc par???

  • @maxgfx2464
    @maxgfx2464 Рік тому +15

    Itni details me kisi ne nahi samjhaya u r a genius thank u so much upload more tutorials

  • @sihagfamilyvlog1396
    @sihagfamilyvlog1396 10 місяців тому +7

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

  • @vishaldangi3462
    @vishaldangi3462 Рік тому +7

    Please Don't Stop This Series at least upload 1 video per week ❤

  • @uranshgautam
    @uranshgautam Рік тому +35

    I am not a designer/student (don't even have Ae) but due to my interest I love watching his videos 😅❤

    • @sadhanasapkota8975
      @sadhanasapkota8975 Рік тому +1

      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 Рік тому

      @@sadhanasapkota8975 oooo

    • @Raj-pm5kd
      @Raj-pm5kd Рік тому

      Balancing the binary with a splash of color - because even in code, design is where the magic happens!

  • @TheNamansoni
    @TheNamansoni Рік тому +12

    Want more such tutorials, Loved it❤

    • @NikhilPawarr
      @NikhilPawarr  Рік тому +7

      Coming soon!

    • @MuffarahSheikh
      @MuffarahSheikh 4 місяці тому

      mere end k do pizza after protype work hi nh kr rhy imean move hi nh horhe please guide krden

  • @nehaashfaq824
    @nehaashfaq824 Місяць тому +1

    Thank you so much Nikhil Mai ne kafi tutorial dekhein Hain but smj ni arha tha ap ne bht easy way yet in depth smjhaya thank you once again 💗

  • @cryptoairdropupdatess
    @cryptoairdropupdatess 2 місяці тому +1

    bhai bhai bhai kya bt h apki i'm your silent follower apki podcast dekhi thi sir imran k sath will try this on a design bht kamaal h hr koi smjha ni skta tutorial to sbi bna lete hain please continue we need more animations please

    • @NikhilPawarr
      @NikhilPawarr  2 місяці тому

      Sure!

    • @cryptoairdropupdatess
      @cryptoairdropupdatess 2 місяці тому

      @@NikhilPawarr I tried this in a design, and guess what? The client loved the animation! Thanks again-please keep them coming, we need more animations. Just finished the donut animation, and it turned out amazing. I also followed your friend, Rgrim; she’s incredible, one of the best!

  • @amnasultan-p3e
    @amnasultan-p3e Місяць тому +1

    Commendable work Nikhil Pawar , very good

  • @abdulmusawir-i7j
    @abdulmusawir-i7j 23 дні тому +1

    very amazing i,m so exited

  • @qasimamirhamza1014
    @qasimamirhamza1014 Рік тому +2

    Love your content I learn a lot in your videos keep it up love from Pakistan❤

  • @AasthaThakur-q7m
    @AasthaThakur-q7m 6 місяців тому +1

    You made it so easy!! This is super cool and I loved trying it out

  • @Xexcore
    @Xexcore Рік тому +3

    Nothings feels better than learning together

  • @aniketborkar7114
    @aniketborkar7114 Рік тому +2

    Thank you very much for this video nikhil hats off. Your solved my query

  • @faiyaz693ify
    @faiyaz693ify Рік тому +2

    U r awsm bro.. from Nepal 🇳🇵

  • @Rekha14864
    @Rekha14864 Рік тому +1

    dear sir, I have learned Figma from you. thank you so much.

  • @factsonthefly725
    @factsonthefly725 Рік тому +2

    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.

  • @lastprince5369
    @lastprince5369 Рік тому +1

    Love This

  • @naatkhaawaan
    @naatkhaawaan 11 місяців тому +1

    Best teacher ever

  • @UiUXWebandGraphicsdesign
    @UiUXWebandGraphicsdesign 10 місяців тому +2

    Bro very nice video Auostanding video bro 😍😘😘😘😘😘😘😘

  • @zomipasal8697
    @zomipasal8697 11 місяців тому

    The video was very beneficial, and I appreciate your assistance. Thank you, Sir-I truly found it enjoyable.

  • @PriyalMandaliya-x3j
    @PriyalMandaliya-x3j Рік тому

    Great Work Sir Ur video helped me to learn new things, want more tutorials from you, your videos are simple and easy to understand.

  • @gulzaibhussain4729
    @gulzaibhussain4729 Рік тому +1

    Thanks man this was the most awaited video ❤

  • @Izaan-Space
    @Izaan-Space Рік тому +12

    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 😂

  • @aishashaikh3647
    @aishashaikh3647 5 місяців тому +1

    Your teaching method and tips whatever you gave it's really helpful and thanks for sharing us sir.😊

  • @vishalkotwal8587
    @vishalkotwal8587 Рік тому +1

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

  • @saniadhar402
    @saniadhar402 Рік тому +1

    Want this kind of tutorial more🤩

  • @ritikadingu260
    @ritikadingu260 10 місяців тому +1

    you are fabulous , Thank you for the proper guidelines .

  • @young_broters_786
    @young_broters_786 6 місяців тому +1

    your work is good nikhil brother

  • @PrajktaK-j4e
    @PrajktaK-j4e 6 місяців тому

    Thank you so much for this Amazing 3D Carousel/ Animation !!!

  • @manisaa8726
    @manisaa8726 2 місяці тому +1

    your series are awesome

  • @unsa101
    @unsa101 Рік тому +1

    Super video, make it more like this sir

  • @ManishaChanda-g1p
    @ManishaChanda-g1p Місяць тому +3

    just a question sir? where do you get these high quality images from?

  • @cirilsabu
    @cirilsabu Рік тому +1

    want more tutorials from you , your videos are simple and more easy to understand.

  • @हर्षितगोयल
    @हर्षितगोयल Місяць тому +1

    superb videos ! very helpful !

    • @NikhilPawarr
      @NikhilPawarr  Місяць тому

      Thanks so much, glad you find them helpful! 😊

  • @smitmanore2
    @smitmanore2 Рік тому +1

    it was too good and eye pleasing video & prototyping.

  • @GraphicDesignerJitendra
    @GraphicDesignerJitendra Рік тому +1

    Nice tutorial with step by step method, you are doing good my dear friend

  • @zoenaz12
    @zoenaz12 9 місяців тому +1

    Amazing work. You make it look so easy please make more prototype/animation tutorial.

  • @hax1669
    @hax1669 Рік тому +1

    finally the tutorial am waiting for🤩🤩

  • @hitanshithakkar1631
    @hitanshithakkar1631 7 місяців тому +1

    "group me koi message nai karega... bad joke" earned a subscribe :)

  • @vj7466
    @vj7466 Рік тому +1

    awesome!! easy to understanding,thanks

  • @yahyahussain5223
    @yahyahussain5223 5 місяців тому +1

    "taki grp mei koi msg nahi karega OK BAD JOKE" lol i laughed so hard at this , and also a great video tried making the same prototype and landed a job at tesla LOL

  • @saqibkhalfe2760
    @saqibkhalfe2760 6 місяців тому +1

    thankyou so much genius bro for this prototyping video its teach me lots👍

  • @akshaytank3290
    @akshaytank3290 Рік тому +2

    Fabulous ❤

  • @sazalsarkar2130
    @sazalsarkar2130 Рік тому

    Just Boom Boss ♥♥♥

  • @mariafarival4597
    @mariafarival4597 Рік тому +1

    Plsssssss Make some more tutorials on Figma. I learning from U

  • @MickeyVerma
    @MickeyVerma 5 місяців тому +1

    boht bdiya video as always. for shadows and effects you can use Style Guides.

  • @sbtvlogs21
    @sbtvlogs21 Рік тому +1

    superb nikhil bhai

  • @OkayFiroz
    @OkayFiroz Рік тому

    Fabulous work bro👌 I loved it

  • @Niteshkumar-md3vf
    @Niteshkumar-md3vf Рік тому +1

    good tutorials and I have made it the same animation❤❤

  • @ayushachavan4912
    @ayushachavan4912 25 днів тому +1

    Thank you so muchhh❤

  • @E-commerce0317
    @E-commerce0317 4 місяці тому +1

    acha sikhaya nice brother.

  • @graphicandcodinghub
    @graphicandcodinghub 8 місяців тому +1

    glad that i found u

  • @abhishekburnwal1961
    @abhishekburnwal1961 Рік тому +2

    Sir how to make wire frame and what's a main think of user research? 🙏

  • @kenvivaidya4565
    @kenvivaidya4565 9 місяців тому +1

    Amazing bro🙌🏻

  • @Brain_yrus
    @Brain_yrus 5 місяців тому +1

    After all doing this how do you make it public, i mean to get those HTML, css codes

  • @Minsaosama
    @Minsaosama 5 місяців тому

    Thankyou for such educational videos 😊

  • @HamzaAkmal-ge9jo
    @HamzaAkmal-ge9jo 2 місяці тому +2

    Yaar kaash pakistan mein hotay . Boss love your lecture.

  • @Muhammad_Hadi_786
    @Muhammad_Hadi_786 5 місяців тому

    Amazing brother thanks a lot ......!!

  • @Pravinpavan-j3y
    @Pravinpavan-j3y 28 днів тому +1

    Figma me create disign ko html aur css main kaise use kare please bata do achha ho ga❤❤❤❤🎉

  • @KelashKumar-v7q
    @KelashKumar-v7q 9 місяців тому +1

    very helpful this video!

  • @meowzi-s6z
    @meowzi-s6z 4 місяці тому

    Your videos are really awesome 🎉🎉🎉

  • @maniedits6722
    @maniedits6722 10 місяців тому +1

    SUPERB BRO DO MORE ABOUT PROTOTYPE KAA VIDEOS

  • @sonaliverma128
    @sonaliverma128 10 місяців тому +1

    Amazing tutorial

  • @Deepika_DP
    @Deepika_DP 6 місяців тому +1

    Bro you are too good

  • @ankitvijay5265
    @ankitvijay5265 11 місяців тому +2

    I see you are using guides un every frame, i suggest you can copy the element, then select the frame and paste, it will automatically retain the exact coordinates from the previous frame.

    • @deepanshigarg8030
      @deepanshigarg8030 8 місяців тому

      Hlo , I wanna ask one thing when adding images on circle and rotating it, circle go out of bound I have tried it to many times, please help me out from this

  • @vikramgupta1404
    @vikramgupta1404 Рік тому +1

    sir plz make some more tutorials on figma like this 🙏

  • @nainamahapatra5696
    @nainamahapatra5696 Місяць тому

    thank you sir amazing video

  • @gulzaibhussain4729
    @gulzaibhussain4729 Рік тому +3

    Replacing that grey ellipse by wooden plate will enhance the design

  • @IramAlIttihadRatin
    @IramAlIttihadRatin 4 місяці тому

    thank you so much. I like your alla videos ❤

  • @hiunfia4372
    @hiunfia4372 11 місяців тому

    thanks... Want more videos like this

  • @sachinbaraik6466
    @sachinbaraik6466 Рік тому +1

    Amazing tutorial ❤️ I really like your all the tutorials

  • @luvblogs
    @luvblogs 9 місяців тому

    u are a genius bro

  • @learnerhelpers4965
    @learnerhelpers4965 10 місяців тому +1

    Amazing 😍😍

  • @cheaptourstravels
    @cheaptourstravels Рік тому

    Thanks, Nikhil Ji. regards.

  • @TheGuyZonee
    @TheGuyZonee Рік тому +1

    love you man

  • @Sagarika_here
    @Sagarika_here Рік тому +1

    🎉❤stay tuned for more figma tutorial...yeh bohot dino baad aaya hai 😢

  • @Siddy2208
    @Siddy2208 4 місяці тому

    Bro you are a good guy

  • @priyavishwakarma3811
    @priyavishwakarma3811 7 місяців тому +1

    Good job buddy 💯, design system in figma ka video bana dete yr

  • @faheem-design
    @faheem-design Рік тому +1

    thanks sir sharing this information

  • @ankitmandoliya7042
    @ankitmandoliya7042 Місяць тому +1

    Sir yai html css JavaScript code mai generate kesa hoga pls sir reply me??

  • @harshitprakash5497
    @harshitprakash5497 7 місяців тому +1

    I don't know whether it is the fault in my system or i'm missing something, but i'm not getting any option to connect the two frames as you stated at 10:45 , please help me out with that

    • @ammarshaikh5794
      @ammarshaikh5794 Місяць тому

      Same problem i am not getting any solution to this

  • @fahad-riaz-edits
    @fahad-riaz-edits Рік тому +1

    Subscribed✅

  • @grandmasterbilliards
    @grandmasterbilliards Рік тому +1

    @nilkhil pawar Ise google pr publish kr ste hai kya?

  • @mdwaasim9741
    @mdwaasim9741 6 місяців тому +1

    love it baiya

  • @uniqueleogamer8360
    @uniqueleogamer8360 6 місяців тому +1

    Loved the tutorial!! Can you please tell me how do I export it with animations?

  • @PrinSanity
    @PrinSanity Рік тому +2

    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?

  • @daniels7250
    @daniels7250 Рік тому

    this was really good thanks

  • @abdullahmaqsood9017
    @abdullahmaqsood9017 Рік тому

    sir apko auto layout use kerna chahiye or grid osaay apka kaam or asan ho jaega or alignment kernay may bhi easy rehta hay

  • @huzaifashahzad2001
    @huzaifashahzad2001 Рік тому +1

    Nice Work

  • @random26blogs
    @random26blogs 2 місяці тому +1

    hi there i have question how can i put this like whole animation and desgin on wordpress, i have done for one website but animation is now happning on my wordpress website do you have any idea how can i do this

  • @Erfunima_
    @Erfunima_ Рік тому +1

    Make video about basics of figma as well like wireframing and user research etc

  • @didiademoroti3897
    @didiademoroti3897 7 місяців тому +1

    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!

  • @ashutoshrai2717
    @ashutoshrai2717 Рік тому +2

    Bhai is design ko agar html css me convert me krna ho to kaise hoga ?

  • @moneymind65
    @moneymind65 Рік тому +1

    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 \

  • @mathewsjefferson
    @mathewsjefferson 11 місяців тому +2

    everything is so helpful, but i cant understand how its rotating when we select next item. I tried to design this but i am bit confused in that part. Can you tell how you did that?

    • @crum--business
      @crum--business 11 місяців тому

      its protyping, just create a duplicate of the dframes/design you want to change / change it according to you want and make a prototype of it and connect both of the frames/design

  • @MuhammadShan-v6q
    @MuhammadShan-v6q 4 місяці тому +1

    thank you😍

  • @bilalsanaullah9095
    @bilalsanaullah9095 Рік тому +1

    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

  • @sadiaislam8668
    @sadiaislam8668 10 місяців тому +1

    Thank you so much.

  • @nvpahariofficial7919
    @nvpahariofficial7919 Рік тому +1

    Great work