Figma prototyping | Figma animation tutorial Smart animate in hindi by graphics guruji Class 20

แชร์
ฝัง
  • เผยแพร่เมื่อ 30 ก.ย. 2024
  • Figma prototyping tutorial in hindi. After ui designing in figma, next step is prototyping in figma. Figma prototype animations are powerful to give an app or website attractive interactions. By figma prototype transitions i am showing you how beautiful animations we can make.
    Smart animate in figma is another most amazing option for prototype animations in figma.
    So let's learn through this Figma prototyping masterclass.
    Download the practice file:
    www.figma.com/...
    ~~~~~~~~~~~~~~~~~~~~~~~
    🤝 Need Help?
    🏆 Download Graphics Guruji Android App for UX UI design, Start earning with “Fiverr earning course” for FREE 🎁
    bit.ly/graphic...
    Lots of free content, free chat support, free LIVE SESSIONS, and much more
    💬 Save my WhatsApp Support Number(10am-6pm)
    8003344414
    ~~~~~~~~~~~~~~~~~~~~~~~
    Figma components and Figma variants | figmatutorial in hindi chapter 18:
    • Figma components and F...
    Telegram group:
    t.me/graphicsg...
    Follow me on Instagram @graphicsguruji
    Website designing full course in hindi:
    • Web designing full cou...
    Adobe XD full course in hindi:
    • Adobe XD Course in Hin...
    #Figmahindi #figmaprototype #figmaanimation

ความคิดเห็น • 73

  • @GraphicsGuruji
    @GraphicsGuruji  ปีที่แล้ว

    🤝 Need Help?
    🏆 Download Graphics Guruji Android App for UX UI design, Start earning with “Fiverr earning course” for FREE 🎁
    bit.ly/graphicsgurujiapp
    Lots of free content, free chat support, free LIVE SESSIONS, and much more

  • @shivnishad893
    @shivnishad893 2 ปีที่แล้ว +4

    Man I learn so much from your video .... quality content at best..sir can you make tutorial on notification vs Toast on figma..and thanks for your content.

  • @harekrishna10064
    @harekrishna10064 2 ปีที่แล้ว +2

    Sir video small h . Please bada bana dena next time👍

  • @vyom-uxui
    @vyom-uxui 2 ปีที่แล้ว +3

    Once again, thank you very much Guruji, for this deeply and thoroughly explained video. You are really great and the only one! Proudly student of yours...
    __vikram dharmadhikari.

  • @muhammadusamaasif4766
    @muhammadusamaasif4766 ปีที่แล้ว +3

    Your way of teaching is really polite and awesome. Clearly explain each and everything. Thank you so much for sharing your content at no cost.

  • @preksha_pandya
    @preksha_pandya 2 ปีที่แล้ว +2

    Understood very well , amazing tutorial thank u !
    -Your new susbscriber !

    • @GraphicsGuruji
      @GraphicsGuruji  2 ปีที่แล้ว

      Chat directly with me anytime and join FREE LIVE CLASSES on Graphics Guruji Android App:
      bit.ly/2WVGNHi

  • @englishwithpoojakedia
    @englishwithpoojakedia 2 ปีที่แล้ว +3

    Thank you sir for your valuable content. I have learned UI/UX from you and got a job. and advanced animation videos will help a lot. so please make.

  • @Rabia_Burak
    @Rabia_Burak 2 ปีที่แล้ว +2

    can you provide whole design source file so we don't have to design first and then make it interactive, it would be more time saving if the whole design file is being provided

  • @ahal87
    @ahal87 หลายเดือนก่อน

    Sir please make a separate full video on lending page design in figma

  • @malikamazhar267
    @malikamazhar267 3 หลายเดือนก่อน

    Sir smjaya boht acha but then apnay ye file view only pa rkh d

  • @dhananjaynaidu5978
    @dhananjaynaidu5978 4 หลายเดือนก่อน +1

    Sir, aapne bhaot hi achha animation bataya aur aapne sabko sikane ke liye jo itni mehnat sachhe dil se ki hai uske lie guru hone ke nate aapko pranam, dhanywad, sir iske alawa aur animation ka video banay hia to krupya link bataiye
    aurk fir se ek bar aapko bahot bahot dhaywad

  • @tamannarani3459
    @tamannarani3459 2 หลายเดือนก่อน

    sir practices file not available here

  • @malikamazhar267
    @malikamazhar267 3 หลายเดือนก่อน

    Ye paid figma pa practice hoge kya.. anyone tell me

  • @prakashanuvadia8870
    @prakashanuvadia8870 2 ปีที่แล้ว +1

    Very Nice and Detailed Series .... can you make this same ui design in Flutter Practical use .....so people learn more and he get chance more job opportunity in small firm and development ...because in india mostly people like multitasking or 'T' Shape designer ....Thanks you

  • @frontend2657
    @frontend2657 2 ปีที่แล้ว +1

    Yes sir plz make more videos on illustration's prototyping

  • @bakaitibindass5224
    @bakaitibindass5224 2 ปีที่แล้ว +1

    Sir you are just amazing....... kya hm drag or trap interaction ek hi screen per laga sakte hai.

  • @sandipdebnath7455
    @sandipdebnath7455 ปีที่แล้ว

    Any one please can help me to get practice file

  • @sandipdebnath7455
    @sandipdebnath7455 ปีที่แล้ว +1

    where from I will get prototype practice file

  • @awaistahiri175
    @awaistahiri175 ปีที่แล้ว

    sir jo profile description mein add ki hai wo hum sirf dekh skty hein edite nhi hoto

  • @samsecure7176
    @samsecure7176 หลายเดือนก่อน

    Yes make a video on this

  • @arpitasahadatta2985
    @arpitasahadatta2985 ปีที่แล้ว

    Sir, I have a doubt. Why my screen gets distorted while doing interaction? How I will correct it?

    • @GraphicsGuruji
      @GraphicsGuruji  ปีที่แล้ว

      Connect on WhatsApp support 8003344414

  • @harekrishna10064
    @harekrishna10064 2 ปีที่แล้ว +2

    Great work sir ji

  • @sandipdebnath7455
    @sandipdebnath7455 ปีที่แล้ว +1

    sir practice file download kaha se kare

  • @sameenshahid7636
    @sameenshahid7636 2 หลายเดือนก่อน

    a big thankyou

  • @kaziakram9420
    @kaziakram9420 2 ปีที่แล้ว +1

    really useful video, thanks a lot.

  • @asmaarooj6490
    @asmaarooj6490 26 วันที่ผ่านมา

    very nice!

  • @anuradhapal2206
    @anuradhapal2206 ปีที่แล้ว +1

    sir. where is his practice file?

  • @armaansheikh2402
    @armaansheikh2402 2 ปีที่แล้ว +2

    Helpful..❤️

  • @SyedSaqlain-h4j
    @SyedSaqlain-h4j 7 หลายเดือนก่อน

    In Figma, overlays are a feature that allow you to place one form of content on top of another. In prototyping, this is typically used to display extra information on the screen, such as a confirmation message, tooltip, or a menu. In this tutorial, you'll learn the basics of overlays as well as a few advanced tips.

  • @gaorindeorukhkar3409
    @gaorindeorukhkar3409 3 หลายเดือนก่อน

    nicely explained , pls come up with advanced animation video

  • @JayshreePatel-hk8ec
    @JayshreePatel-hk8ec ปีที่แล้ว

    when we have to show new screen above main design screen, like menu, popups, tooltip and many more.

  • @dhananjaynaidu5978
    @dhananjaynaidu5978 4 หลายเดือนก่อน

    sir, cracractor wale exersie me jisme 4 men bane hai jab main play kar rahu hu to pure screen me nahi show kar raha top me kewal chota sa najar ha raha plz bataiye selution

    • @GraphicsGuruji
      @GraphicsGuruji  4 หลายเดือนก่อน

      Connect on WhatsApp support 8003344414

  • @sandipdebnath7455
    @sandipdebnath7455 ปีที่แล้ว

    sir, Can you provide Figma prototyping practice file?

  • @MusicTune569
    @MusicTune569 ปีที่แล้ว

    Sir Jo yeh apps wali photo hoti hai es main apps kise download kare our instal kise karen figma main bass photo hi banti hai apps ya website nai hoti

    • @GraphicsGuruji
      @GraphicsGuruji  ปีที่แล้ว

      Figma and similar tools ui designing ke lie h jisme coding nahi hoti hai but only designs/visuals hi banae jate h. Ye bahot hi important part hota h.
      Jab design ban jata h to figma file developer ko dete h and vo fir programming/coding ke through use develop karta h and then playstore pe upload ki jati h

  • @rupaliandhale4524
    @rupaliandhale4524 ปีที่แล้ว +1

    Love your videos😍

  • @RohitSharma-p3n9s
    @RohitSharma-p3n9s ปีที่แล้ว

    osm thank you so much for making us great learner in figma
    please upload more on videos on figma annimation

  • @himanshu816
    @himanshu816 2 ปีที่แล้ว +1

    Yhi chij shikni thi sir thank you sir

  • @frontend2657
    @frontend2657 2 ปีที่แล้ว

    Awesome Sir.
    Sir I have a request. Kindly make video on "UI/UX complete road map" under your experience.

  • @dhananjaynaidu5978
    @dhananjaynaidu5978 4 หลายเดือนก่อน

    Sir add to cort se jab popup ko link kara raha hu to on tap ka option highlight nahi ho raha hai baki upar wale me ho raha krupya bataiye ku ?

    • @GraphicsGuruji
      @GraphicsGuruji  4 หลายเดือนก่อน

      may be you already have a connection through on tap on that button. Check prototyping right panel to verify, it will show you a connection

  • @vrsince-dq1qt
    @vrsince-dq1qt 4 หลายเดือนก่อน

    Great work but sir yhe images kaha se import Karen?

    • @GraphicsGuruji
      @GraphicsGuruji  4 หลายเดือนก่อน

      i got these images from freepik

  • @piyalichoudhury970
    @piyalichoudhury970 ปีที่แล้ว +1

    Thank you so much. You made it so easy to understand.

    • @GraphicsGuruji
      @GraphicsGuruji  ปีที่แล้ว +1

      if you found video useful plz share it with others too. It will be your support for my channel.

  • @ahmadraza895
    @ahmadraza895 2 ปีที่แล้ว

    Can you give this practice sheet in the description below....?

  • @muhammadsohaib4544
    @muhammadsohaib4544 2 ปีที่แล้ว

    Overlay use for manage the animation
    like tap, on click , drag, hover etc.

  • @kapilgavande2502
    @kapilgavande2502 2 ปีที่แล้ว

    When we use overlay option in prototyping?
    Ans: when we have to show new screen above main design screen, like menu, popups, tooltip and many more.

  • @Abhisheksharma97904
    @Abhisheksharma97904 3 หลายเดือนก่อน

    This video series is very helpful for us thank you sir 🙏

  • @BHANWAR202054
    @BHANWAR202054 2 ปีที่แล้ว +1

    Great Job Sir ji

  • @gymlover4111
    @gymlover4111 ปีที่แล้ว

    watched almost 100s of video of proto typing but this was something next level covering all the topis sukriya guruji .... we are thankful to you

  • @diya7904
    @diya7904 2 ปีที่แล้ว

    We use overlay to manage animation like on click , on move, drag, hover ,tap

  • @shardulsawant1991
    @shardulsawant1991 ปีที่แล้ว

    Brother apko jitni bar bhi thanks bolu kam hi he. fir bhi infinite Thanks Thanks Thanks Thanks 😀😀❤❤

  • @knowfactsworld9044
    @knowfactsworld9044 ปีที่แล้ว

    Hello, sir E commerce website per prototyping animation kaise apply karte hai all pages per iska video hai kya

    • @GraphicsGuruji
      @GraphicsGuruji  ปีที่แล้ว +1

      Prototyping method same hi hota h har type ki ui pe.

    • @knowfactsworld9044
      @knowfactsworld9044 ปีที่แล้ว

      @@GraphicsGuruji ok sir thanks

  • @ShivangiMishra-qb1ez
    @ShivangiMishra-qb1ez 2 หลายเดือนก่อน

    next level sir u r great litrelly osm video

  • @syedaibtesam5506
    @syedaibtesam5506 2 ปีที่แล้ว

    tap drag ki jga agr hmm animation time ki dena chahy jo automatically work kry jese adobe xd me option hy kia figma me exa possible hy??

  • @pritijondhale6732
    @pritijondhale6732 ปีที่แล้ว

    Informational video and easy to understand.

  • @rupaliandhale911
    @rupaliandhale911 2 ปีที่แล้ว +1

    very helpful. thank you sir

    • @GraphicsGuruji
      @GraphicsGuruji  2 ปีที่แล้ว

      Chat directly with me anytime and join FREE LIVE CLASSES on Graphics Guruji Android App:
      bit.ly/2WVGNHi

    • @malikamazhar267
      @malikamazhar267 3 หลายเดือนก่อน

      Sir ye file figma pa just viwe onlyy pa show hoti ha

  • @naz1838
    @naz1838 2 ปีที่แล้ว

    Great way of teaching. I found only this channel to learn figma perfectly. Thank you so much. Please make remaining videos as soon as possible.

  • @amitpise3101
    @amitpise3101 2 ปีที่แล้ว

    Bahut achhi tarah se aapne samjha ke diya, aap aur animation par video banaye

  • @karanpatel6204
    @karanpatel6204 3 หลายเดือนก่อน

    thank you guruji

  • @Hamza-Yasin
    @Hamza-Yasin 2 ปีที่แล้ว

    mjay zra v smj ae is lecture keeeeeeeeee

  • @UmairMehar-y5w
    @UmairMehar-y5w 7 หลายเดือนก่อน

    Nice bro

  • @nikisoni9282
    @nikisoni9282 ปีที่แล้ว

    verry good sir ji

  • @randomuser7668
    @randomuser7668 9 หลายเดือนก่อน

    Helpful ✨