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

Поделиться
HTML-код
  • Опубликовано: 20 сен 2024

Комментарии • 217

  • @NikhilPawarr
    @NikhilPawarr  9 месяцев назад +15

    English Subtitles are now been added to the video❤

    • @abhishekpansuriya8077
      @abhishekpansuriya8077 2 месяца назад

      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 Месяц назад

      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

  • @maxgfx2464
    @maxgfx2464 9 месяцев назад +12

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

  • @uranshgautam
    @uranshgautam 9 месяцев назад +31

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

    • @sadhanasapkota8975
      @sadhanasapkota8975 9 месяцев назад +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 9 месяцев назад

      @@sadhanasapkota8975 oooo

    • @Raj-pm5kd
      @Raj-pm5kd 9 месяцев назад

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

  • @vishaldangi3462
    @vishaldangi3462 9 месяцев назад +5

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

    • @NikhilPawarr
      @NikhilPawarr  9 месяцев назад +4

      Alright will try my best!

    • @Izaan-Space
      @Izaan-Space 9 месяцев назад

      @@NikhilPawarr Yes Please! We want Figma

  • @sihagfamilyvlog1396
    @sihagfamilyvlog1396 6 месяцев назад +4

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

  • @TheNamansoni
    @TheNamansoni 9 месяцев назад +11

    Want more such tutorials, Loved it❤

    • @NikhilPawarr
      @NikhilPawarr  9 месяцев назад +7

      Coming soon!

    • @MuffarahSheikh
      @MuffarahSheikh 17 дней назад

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

  • @aishashaikh3647
    @aishashaikh3647 2 месяца назад +1

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

  • @AasthaThakur-q7m
    @AasthaThakur-q7m 2 месяца назад +1

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

  • @Izaan-Space
    @Izaan-Space 9 месяцев назад +11

    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 😂

  • @qasimamirhamza1014
    @qasimamirhamza1014 9 месяцев назад +2

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

  • @factsonthefly725
    @factsonthefly725 9 месяцев назад +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.

  • @saqibkhalfe2760
    @saqibkhalfe2760 2 месяца назад +1

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

  • @aniketborkar7114
    @aniketborkar7114 9 месяцев назад +2

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

  • @Rekha14864
    @Rekha14864 9 месяцев назад +1

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

  • @Xexcore
    @Xexcore 9 месяцев назад +3

    Nothings feels better than learning together

  • @vishalkotwal8587
    @vishalkotwal8587 9 месяцев назад +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 👍👍

  • @zoenaz12
    @zoenaz12 5 месяцев назад +1

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

  • @PrajktaK-j4e
    @PrajktaK-j4e 2 месяца назад

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

  • @meowzi-s6z
    @meowzi-s6z 16 дней назад

    Your videos are really awesome 🎉🎉🎉

  • @IramAlIttihadRatin
    @IramAlIttihadRatin 14 дней назад

    thank you so much. I like your alla videos ❤

  • @yahyahussain5223
    @yahyahussain5223 2 месяца назад +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

  • @omiyadav300
    @omiyadav300 2 месяца назад +1

    Hey nikhil iv done everything right just can you help me with text rotation it's just fast not like you

  • @MickeyVerma
    @MickeyVerma Месяц назад +1

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

  • @zomipasal8697
    @zomipasal8697 8 месяцев назад

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

  • @ritikadingu260
    @ritikadingu260 6 месяцев назад +1

    you are fabulous , Thank you for the proper guidelines .

  • @cirilsabu
    @cirilsabu 9 месяцев назад +1

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

  • @ashproeditz
    @ashproeditz 9 месяцев назад +1

    Thank you bhaiya

  • @user-vd3qe2jy8b
    @user-vd3qe2jy8b 9 месяцев назад

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

  • @faiyaz693ify
    @faiyaz693ify 9 месяцев назад +2

    U r awsm bro.. from Nepal 🇳🇵

  • @young_broters_786
    @young_broters_786 3 месяца назад +1

    your work is good nikhil brother

  • @fahadazhar801
    @fahadazhar801 Месяц назад

    Why have you stopped making figma tutorial videos? They are very helpful and interesting

  • @abhishekburnwal1961
    @abhishekburnwal1961 9 месяцев назад +2

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

  • @mariafarival4597
    @mariafarival4597 8 месяцев назад +1

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

  • @ashutoshrai2717
    @ashutoshrai2717 9 месяцев назад +2

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

  • @GraphicDesignerJitendra
    @GraphicDesignerJitendra 9 месяцев назад +1

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

  • @hitanshithakkar1631
    @hitanshithakkar1631 3 месяца назад +1

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

  • @vikramgupta1404
    @vikramgupta1404 8 месяцев назад +1

    sir plz make some more tutorials on figma like this 🙏

  • @UiUXWebandGraphicsdesign
    @UiUXWebandGraphicsdesign 7 месяцев назад +2

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

  • @amalb9764
    @amalb9764 4 месяца назад +1

    Where did you get the picture....with high quality

  • @smitmanore2
    @smitmanore2 9 месяцев назад +1

    it was too good and eye pleasing video & prototyping.

  • @PrinSanity
    @PrinSanity 9 месяцев назад +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?

  • @uniqueleogamer8360
    @uniqueleogamer8360 2 месяца назад +1

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

  • @Niteshkumar-md3vf
    @Niteshkumar-md3vf 9 месяцев назад +1

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

  • @ankitvijay5265
    @ankitvijay5265 7 месяцев назад +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 4 месяца назад

      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

  • @AshaSavani-mg9qc
    @AshaSavani-mg9qc 5 месяцев назад +1

    I am not able to use navigate feature in Prototype...what should I do?

  • @saniadhar402
    @saniadhar402 9 месяцев назад +1

    Want this kind of tutorial more🤩

  • @Unfiltered_gaming_
    @Unfiltered_gaming_ 2 месяца назад

    How to find clients for ui ux make a video on this also sir
    Btw you inspired us a lot to start

  • @didiademoroti3897
    @didiademoroti3897 3 месяца назад +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!

  • @youthclubpodcasts
    @youthclubpodcasts 5 месяцев назад +1

    HELLO nikhil, tell me how to export this prototype project?

  • @priyavishwakarma3811
    @priyavishwakarma3811 3 месяца назад +1

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

  • @sumanirfan-j3o
    @sumanirfan-j3o Месяц назад

    Plz make a detailed video on project management love from Pakistan

  • @harshitprakash5497
    @harshitprakash5497 3 месяца назад +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

  • @Amitsinghchauhan-np5sc
    @Amitsinghchauhan-np5sc 9 месяцев назад +1

    I am waiting for your next figma video

  • @bilalsanaullah9095
    @bilalsanaullah9095 9 месяцев назад +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

  • @Rkchanel-g4w
    @Rkchanel-g4w 7 месяцев назад +1

    tnx

  • @mariafarival4597
    @mariafarival4597 8 месяцев назад +1

    Can you introduce about how to select front because I don’t idea it to hard for beginners

  • @Minsaosama
    @Minsaosama Месяц назад

    Thankyou for such educational videos 😊

  • @Erfunima_
    @Erfunima_ 9 месяцев назад +1

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

  • @hrishikesh.joshi15
    @hrishikesh.joshi15 2 месяца назад

    How to export it with animation sir?
    btw thank you so much fo these tutorials!!☺

  • @gulzaibhussain4729
    @gulzaibhussain4729 9 месяцев назад +3

    Replacing that grey ellipse by wooden plate will enhance the design

  • @unsa101
    @unsa101 9 месяцев назад +1

    Super video, make it more like this sir

  • @maniedits6722
    @maniedits6722 7 месяцев назад +1

    SUPERB BRO DO MORE ABOUT PROTOTYPE KAA VIDEOS

  • @mathewsjefferson
    @mathewsjefferson 7 месяцев назад +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 7 месяцев назад

      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

  • @lastprince5369
    @lastprince5369 9 месяцев назад +1

    Love This

  • @E-commerce0317
    @E-commerce0317 Месяц назад +1

    acha sikhaya nice brother.

  • @Siddy2208
    @Siddy2208 14 дней назад

    Bro you are a good guy

  • @abdullahmaqsood9017
    @abdullahmaqsood9017 9 месяцев назад

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

  • @Vlogs_withBB
    @Vlogs_withBB 9 месяцев назад

    plz make more video about prototyping

  • @SWARNENDU-BHOWMICK
    @SWARNENDU-BHOWMICK 9 месяцев назад +1

    Amazing tutorial ❤I really like your all the tutorials

  • @team4gamer09
    @team4gamer09 Месяц назад

    But prototype work kese kr ta hai slides pe aero ko conect kiya hai to animation kese ho rha hai...?

  • @gulzaibhussain4729
    @gulzaibhussain4729 9 месяцев назад +1

    Thanks man this was the most awaited video ❤

  • @grandmasterbilliards
    @grandmasterbilliards 8 месяцев назад +1

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

  • @naatkhaawaan
    @naatkhaawaan 7 месяцев назад +1

    Best teacher ever

  • @cheaptourstravels
    @cheaptourstravels 9 месяцев назад

    Thanks, Nikhil Ji. regards.

  • @HakeemZahoorkhan
    @HakeemZahoorkhan 9 дней назад

    Thank you soooo much😊

  • @vabbyofficial6169
    @vabbyofficial6169 5 месяцев назад

    Sir i have a one question for you.Sir pizza vali animation me 1 se 2 me ni hora baki saro me hora h mene bhot try kiya but ni hora prototype bhi bilkul shi h.I dont know merko smj ni aara

  • @FastJONNY
    @FastJONNY 9 месяцев назад +1

    Bro We Want A Video On | How To Add A Video In Figma ❤ Can You Make A Video On This Topic ❤

  • @harryrawat3713
    @harryrawat3713 9 месяцев назад +1

    Iska portfolio pe bhi 1 design ho jaye sir

  • @Brain_yrus
    @Brain_yrus Месяц назад

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

  • @soumennath3212
    @soumennath3212 2 месяца назад +1

    great

  • @Suhailmalik-k7x
    @Suhailmalik-k7x 2 месяца назад +1

    SIR AP JO B LEFT CLICK PR BUTTON PRESS KRTE HO USE EXPLIN KRAKR0

  • @kzdesignlab
    @kzdesignlab 4 месяца назад +1

    glad that i found u

  • @fouziahafeez3311
    @fouziahafeez3311 3 месяца назад +1

    Sir figma and up ux/ up is same???

  • @sbtvlogs21
    @sbtvlogs21 9 месяцев назад +1

    superb nikhil bhai

  • @nehasalma9083
    @nehasalma9083 8 месяцев назад

    apki video bohot acchi aap plz figma tutorial do and this type tutorial also

  • @hax1669
    @hax1669 9 месяцев назад +1

    finally the tutorial am waiting for🤩🤩

  • @Muhammad_Hadi_786
    @Muhammad_Hadi_786 Месяц назад

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

  • @moneymind65
    @moneymind65 9 месяцев назад +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 \

  • @MuffarahSheikh
    @MuffarahSheikh 17 дней назад

    mere end k 2 pizza m protype work nh kr rah plese guide krden. m kha mistake kr rhi houn idk

  • @adikr4511
    @adikr4511 5 месяцев назад +1

    Bro i really want to know that what is the name of that white wall board which is showing behind your left side.. that sticky doted board. your graphic knowledge is ossam by d way..

    • @NikhilPawarr
      @NikhilPawarr  5 месяцев назад

      it's called Pef board and I got it from Ikea

    • @adikr4511
      @adikr4511 5 месяцев назад

      @@NikhilPawarr thanks brother.

  • @Deepika_DP
    @Deepika_DP 2 месяца назад +1

    Bro you are too good

  • @mktv8961
    @mktv8961 9 месяцев назад +1

    nikhail bhia figma bhi after effects ki tarah ha kia animation software ha

  • @fahad-riaz-edits
    @fahad-riaz-edits 9 месяцев назад +1

    Subscribed✅

  • @akshaytank3290
    @akshaytank3290 9 месяцев назад +2

    Fabulous ❤

  • @faheem-design
    @faheem-design 9 месяцев назад +1

    thanks sir sharing this information

  • @BiZZaRaPlayz
    @BiZZaRaPlayz 9 месяцев назад +1

    Bhaiya vo reverse pizza jab aata h to vo rotate kaise ho rha h samajh ni aaya

  • @SMARTRIXDbztttmods
    @SMARTRIXDbztttmods 3 месяца назад +1

    How to use these design in websites ? I mean that animation or anyone answer me what the use of this figma Animated designs?

  • @AmazonTreasures3
    @AmazonTreasures3 9 месяцев назад +1

    1k Don bro

  • @OkayFiroz
    @OkayFiroz 8 месяцев назад

    Fabulous work bro👌 I loved it

  • @sonaliverma128
    @sonaliverma128 7 месяцев назад +1

    Amazing tutorial