Figma prototyping | Figma animation tutorial Smart animate in hindi by graphics guruji Class 20
HTML-код
- Опубликовано: 12 дек 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
🤝 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
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
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.
Sir you must be happy, because you have created impact in this world by changing lives.
Brother apko jitni bar bhi thanks bolu kam hi he. fir bhi infinite Thanks Thanks Thanks Thanks 😀😀❤❤
Great work sir ji
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.
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.
Understood very well , amazing tutorial thank u !
-Your new susbscriber !
Chat directly with me anytime and join FREE LIVE CLASSES on Graphics Guruji Android App:
bit.ly/2WVGNHi
Informational video and easy to understand.
Yes sir plz make more videos on illustration's prototyping
really useful video, thanks a lot.
next level sir u r great litrelly osm video
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.
how to get job in ui/ux please help
Yhi chij shikni thi sir thank you sir
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.
Thank you so much. You made it so easy to understand.
if you found video useful plz share it with others too. It will be your support for my channel.
Bahut achhi tarah se aapne samjha ke diya, aap aur animation par video banaye
Love your videos😍
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
Helpful..❤️
Great Job Sir ji
This video series is very helpful for us thank you sir 🙏
Sir you are just amazing....... kya hm drag or trap interaction ek hi screen per laga sakte hai.
mjay zra v smj ae is lecture keeeeeeeeee
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.
osm thank you so much for making us great learner in figma
please upload more on videos on figma annimation
very helpful. thank you sir
Chat directly with me anytime and join FREE LIVE CLASSES on Graphics Guruji Android App:
bit.ly/2WVGNHi
Sir ye file figma pa just viwe onlyy pa show hoti ha
sir practice file download kaha se kare
very nice!
nicely explained , pls come up with advanced animation video
verry good sir ji
We use overlay to manage animation like on click , on move, drag, hover ,tap
Yes make a video on this
Ek question tha aapse..jab hum prototyping karenge kisi app ki to har action ki ek screen banani chaiye ya jaise ap bta rhe ho ki element bahar rakh do aur overlay and all trigger use karo.. Mai thoda confuse hun can you help me on this.
Sir video small h . Please bada bana dena next time👍
where from I will get prototype practice file
thank you guruji
a big thankyou
Sir please make a separate full video on lending page design in figma
Helpful ✨
sir jo profile description mein add ki hai wo hum sirf dekh skty hein edite nhi hoto
sir. where is his practice file?
Sir smjaya boht acha but then apnay ye file view only pa rkh d
Nice bro
when we have to show new screen above main design screen, like menu, popups, tooltip and many more.
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??
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
Awesome Sir.
Sir I have a request. Kindly make video on "UI/UX complete road map" under your experience.
Overlay use for manage the animation
like tap, on click , drag, hover etc.
sir practices file not available here
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
Can you give this practice sheet in the description below....?
Hello, sir E commerce website per prototyping animation kaise apply karte hai all pages per iska video hai kya
Prototyping method same hi hota h har type ki ui pe.
@@GraphicsGuruji ok sir thanks
Great work but sir yhe images kaha se import Karen?
i got these images from freepik
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.
Ye paid figma pa practice hoge kya.. anyone tell me
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
Connect on WhatsApp support 8003344414
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 ?
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
sir, Can you provide Figma prototyping practice file?
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
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
Sir, I have a doubt. Why my screen gets distorted while doing interaction? How I will correct it?
Connect on WhatsApp support 8003344414
Any one please can help me to get practice file