Much respect and appreciation for you. This is the best video I've seen on Prototyping in Figma. You showed us the basics then moved on to practical examples. Glad that my friend recommended this channel to me.
This tutorial was really amazing. I just started working with Figma and I always had problems in prototyping. My questions are almost solved. I really thank you.
This was SO USEFUL! I just landed a job that needs Figma, and found a lot on how the tools work, but nothing nearly as good as this around Prototyping. Thank you so much Udayraj, your video was straightforward and the explanations super clear!
Thank you! There are lots of tutorials online on prototyping but they are all over the place and doesn't give a full picture, so it's really confusing as a beginner. On top of that, there doesn't seem to be any official in-depth tutorial on prototyping so we're left to figure things out on our own. Also, I realised Figma keeps having lots of updates (which is a good thing!), and recently they implemented a new prototyping update that allows for multiple interaction layers, but with no explanation I didn't know where to start. + Subscribed
Okay man, I thought this would be basic and almost closed the video. But you have shown some pretty amazing things and turned the video in one of the best resources on prototyping I've seen so far! Thanks!
Actually its so dope, thanks a lot for this tutorial. I have thought i gotta learn AE to showcase my work, but now i stick with figma, so much easier than before!
Thanks for the video. I love the way you explained it. Keep make video as good as this video. Maybe all triggers and transitions part 2 and many more hehehe
Thanks, My Brother, This Tutorial is the Most Advanced Tutorial for Beginners or intermediate Level Designer to learn Figma Prototype. I suggest this tutorial for those who want to learn about prototyping. Many Many Thanks For Share us to This informative Tutorial with.
Since last 2 days I try to make two prototypes in one button but failed... then I saw this video and my problem is solved... It's really very helpful and in-depth tutorials... Big thums up from my side.
We can add 2 interactions on one frame. howevery we should avoid 2 conflicting ones together such as Overlay and navigate to other frame. Okay to add Drag and on click together.
Thanks Rahul. I want to create more videos on prototyping but struggling to find free time right now. You can connect with me on LinkedIn in case you’re stuck anywhere. I’ll be happy to assist you 😊
@@udayrajsathe hi udayraj thank for your response, I need your help for component prototype topic, I don't know why component prototype doesn't work in my projects plz give suggestions I tried 100 times but it's doesn't work and I have been already watched your component prototype video then after it's doesn't work what should I do???
Have you signed up as beta tester and got approved? If yes, then you should be able to use Interactive Components. Please ping me on LinkedIn. I’ll be happy to assist you further 🤟🏽
@@udayrajsathe my beta tester approval is still pending maybe this the reason which component prototype doesn't work, thank you so much for your quick response udayraj I will be hope you will solve other problems in future also in taking time out from your busy time and definitely I will ping you on LinkedIn 🙂🙏🙏🙏
Your tutorials are great, I'm beginner on figma. How we make snap scroll with indicators? I tried by duplicate the frame and used push transition. Unfortunately, my frame had 4 carousell when I scroll the first carousell the other carousell are scrolling too.
@@udayrajsathe Here is the link of my Figma, www.figma.com/file/0S6BNhny81kCFyK6KcTdEK/Snap-Scroll?node-id=0%3A1 I added question there. Thanks for your help
Hi Rina, I have added a solution to your file. I hope that helps. Let me know if you have any questions. Btw, your design reminded me of my Memorable Bali vacation 😀(Just before the pandemic)
@@udayrajsathe Hi, Bali is a wonderful place to vacation. I already read the solution that u gave me, but I still want to know how to make a snap scroll for every carousel in my project. It is possible in Figma? I already tried to use drag triggers for every carousel but the problem is if I swipe the first carousel, the other carousel is getting swipe too. Can you tell me how to do it with many drag trigger? Is it possible?😁 Thank you
Hey Udayraj......Nice work here to follow. May I ask a quick question of you about Smart Animate - Q: Are Devs able to follow and replicate the smart Animate animations (as I don't think Figma Codes this stuff yet for them?).....thanks: Daryl
There is no specific example. I have seen in your tutorial the mouse over effect in menu. So, I tried same way for tabs(with 2 tabs only). Done that successfully but the selected tab color is the issue. You make any at your end for tab so that we can select any tab and the content appear accordingly :)
Hello @udayraj sathe , pls do you have a one on one tutorial class for design..I want to be more intentional in my design..and I am willing to pay to learn directly from you
Hello Udayraj, I liked your tutorial very much. It would be great if you can answer to my query. When I made prototype for swiping or dragging cards by using your method from this video, the transition was not very smooth. Other elements were also moving without giving any effect to them e.g. top left menu icon on mobile screen slide in from below while swiping cards. I have faced this issue many times, if you know the solution please let me know.
Hi Pramodini, That might happen because of layer positioning. Can you share your file or Duplicate and share with me with Edit access? My id is udayrajsathe@gmail.com
Hi Udayraj, I tried the drag and Swipe one, but the animation didn't turn out as you have shown. I am unable to understand what I am doing wrong. What could be the possible challenges? Awaiting your suggestion
May be 2nd Trigger (backward movement) is not set to Drag Trigger. Please check and let me know. You can connect with me on Instagram to discuss more, if needed.
Hi, I tried redo the drag effect, but in addition to dragging left and right, my screen can also drag up and down. Objects are not fixed on a horizontal row like your product. What is the error please? Thanks very much
Can u please provide a social media id of yours.. I want to attach a jpg.. When i am prrsenting in prototype mode.. View is like a scattered one.. It also comes in your provided practice file
Practice Figma file Download Link
www.figma.com/community/file/880438643197199866
I am feeling guilty that I'm watching this quality tutorial for free! Really appreciate your efforts man 🙏
Your comment made my day :) Thanks.
@@udayrajsathe GREATEST TUTORIAL after 2 weeks or learning
Much respect and appreciation for you. This is the best video I've seen on Prototyping in Figma. You showed us the basics then moved on to practical examples. Glad that my friend recommended this channel to me.
Delighted to know this 🤗
Please share with your connections too. It’ll really help me a lot.
Best video I've found on prototyping for a beginner. Simple, easy to understand and powerful techniques explained simply
Thanks Biru :) Please share it within your network. That will help me a lot.
This is absolutely the best and broad Figma prototype tutorial I have watched, and believe me when I say, "I've seen A LOT" . Thank you champ👍
Wow, thank you! 😎
Mission Accomplished 🤘
probably the best & most complete video of transitions I have found. Thank you!
I'm so glad to know that!
Starting Animations & Micro Interactions series. Stay tuned :-)
Thank you so much!!!!! I was trying to figure out how to do the Tap & Hold interaction for two days now !!! You're a lifesaver!!!
There is not better tutorial than this for prototype. Thank you so much
this is "THE BEST FIGMA" tutorial available!!! thanks for your efforts sir!
Thanks 🙈
This tutorial was really amazing. I just started working with Figma and I always had problems in prototyping. My questions are almost solved. I really thank you.
Has to be the best video I've seen on prototyping
Wow! Great to hear that 😃
This was SO USEFUL! I just landed a job that needs Figma, and found a lot on how the tools work, but nothing nearly as good as this around Prototyping. Thank you so much Udayraj, your video was straightforward and the explanations super clear!
Wow. Congratulations David. Thrilled to know it it helped you 😍😎
thanks a lot for making us understand the basics of prototyping uday, kudos to you 👏
i can't believe how long it took just to find a video that shows how to get a keyboard to appear in figma. thank you!
I had to pause and write a thank you note :) you are very talented for figuring this all out
Thanks Erum 😊
Happy to know that it helped.
This videos is just amazing, I found everything I needed to make my prototypes! Thank you
Thanks Angie 😄
Sharing your practice file was very helpful. Thank you
You're very welcome!
You should have million subscriber... Never seen such underrated channel.... Keep up the good work please
Your appreciation means a lot to me 😃🤩 I just started about a year ago. Hoping to grow faster in this year ☺️
@@udayrajsathe can you make any full course in udemy or skillshare...? Like a project based detailed course.... You will be benefited and so do we...
Very helpful!
I'm finding this type of video since a week.
Thank You!
Glad to know that you found it helpful :)
Thank you! There are lots of tutorials online on prototyping but they are all over the place and doesn't give a full picture, so it's really confusing as a beginner. On top of that, there doesn't seem to be any official in-depth tutorial on prototyping so we're left to figure things out on our own.
Also, I realised Figma keeps having lots of updates (which is a good thing!), and recently they implemented a new prototyping update that allows for multiple interaction layers, but with no explanation I didn't know where to start.
+ Subscribed
Thank you so much for your kind words 😊
My goal is to create tutorials for Practical uses rather than just basics. This motivation is all I need✌
Okay man, I thought this would be basic and almost closed the video. But you have shown some pretty amazing things and turned the video in one of the best resources on prototyping I've seen so far! Thanks!
Glad it was helpful! Feel free to share with your network. It would really help me reach wider audience :)
Some of the best tutorials for Figma!
I’m so grateful. Please share my channel with your friends. It’ll help me a lot 🙏🏽
@@udayrajsathe Sure will do
Thank you so much! Amazing examples💯
Exactly what I needed to see. Thanks a lot, brother!
Would love to create more complex interactions.
Thanks bro. Don’t forget to try interactive components for complex interactions 🤟🏽😎
Really good and professional video content :)
Dude you rock! Thanks from Brazil!
Thanks Hugo 😃
Thank you Udayraj. This is exactly what I was looking for.
Glad that it helped 😎
Thank you so much!!!! You are amazing sir!
Thank you so much, Udayrai! I really appreciate your instruction.
It's my pleasure🙏
Stunning tutorial
Thanks so much Robert 😊
This was great, thank you
Amazing video. One of the best, simple and direct. Keep it up. Please post more.
Thanks Chandralekha. I’ll keep posting videos. Stay tuned 🤞🏼
Actually its so dope, thanks a lot for this tutorial. I have thought i gotta learn AE to showcase my work, but now i stick with figma, so much easier than before!
Awesome 🤟🏽😎
AE is definitely a good tool to learn. But we can achieve so much in Figma. Good enough for most cases.
hai sir can make a in detailed video of the coursel drag that was explained in 11:06..
Noted
Help me a lot! Thanks!
Your channel like hidden gem sir, thankyou so much for the course. It's really helped me a lot for junior designer like me.
Can't express how grateful I am ❤️
Awesome tutorial dude!!! keep it going!! and thanks a lot!!!
Thanks Ben 😀
This is great, thanks for doing it man!
Thanks Cesar 😎
u teach very nice👍👍👍
excellent man 😌😌
Thanks :)
It's really helped me a lot, really easy to understand. Thank you, sir!
Glad to know this 😊 Thank you.
thank you so much for this content
Thank you :)
Super informative! Thank you for making this tutorial
Thanks. Keep watching 😄
Realy useful video thank you, sir.
Thanks Gaurav
really so magical rather than making coding instead,,,,.. thnx bro for convey us very professionally and good manner!! ✨✔
Delighted to know that you liked it 🥳
Best tutorial👌
Glad it helped 😄
Thanks for the video. I love the way you explained it. Keep make video as good as this video. Maybe all triggers and transitions part 2 and many more hehehe
Haha Sure 😄 Thanks for your support.
thankyou so much! this video is very helpful
Thanks Monica 😄
Stay tuned for Interactive components tutorial which is coming on Sunday ☺️
thank you!
😃
THE BEST!!
its very knowledgeable tutorials, thanks
Thank you so much Amit 😃
Amazing video
Thanks, My Brother, This Tutorial is the Most Advanced Tutorial for Beginners or intermediate Level Designer to learn Figma Prototype. I suggest this tutorial for those who want to learn about prototyping. Many Many Thanks For Share us to This informative Tutorial with.
Hey thanks😎
Keep supporting my channel. Share it on social media if possible. This will help me improve my reach.
Great video!
Thanks 😊
Ooosssssuuummmm.... thanks 👌😊
✌😀
Much useful !!
Glad to hear that!
Thanks a lot brither!
🤘
The Best One!
Thanks :D
soo great ! very good videos
Thanks a lot 😄
Thanks
You're welcome!
Since last 2 days I try to make two prototypes in one button but failed... then I saw this video and my problem is solved... It's really very helpful and in-depth tutorials... Big thums up from my side.
Thanks Arun 😃
great class!
Thank you 😃
amazing video
Hey, thanks Ankita 😃
in search of gold, i got diamond one....
thanks bro for this all type.. in one shot...🙌🤲❤
I can't thank you enough.
Thank you so much 😊
What font is that 0:56? I fall in love
Its *'Futura Bold'* . Its my favourite font too. High Five 👋
Can make two interactions in one frame for eg. Onclick Overlay and onclick navigation to other frame
We can add 2 interactions on one frame. howevery we should avoid 2 conflicting ones together such as Overlay and navigate to other frame. Okay to add Drag and on click together.
انت رائع
Hi udayraj I learn lots about figma from your videos, plz make more videos on advanced prototype also
Thanks Rahul. I want to create more videos on prototyping but struggling to find free time right now.
You can connect with me on LinkedIn in case you’re stuck anywhere. I’ll be happy to assist you 😊
@@udayrajsathe hi udayraj thank for your response, I need your help for component prototype topic, I don't know why component prototype doesn't work in my projects plz give suggestions I tried 100 times but it's doesn't work and I have been already watched your component prototype video then after it's doesn't work what should I do???
Have you signed up as beta tester and got approved? If yes, then you should be able to use Interactive Components. Please ping me on LinkedIn. I’ll be happy to assist you further 🤟🏽
@@udayrajsathe my beta tester approval is still pending maybe this the reason which component prototype doesn't work, thank you so much for your quick response udayraj I will be hope you will solve other problems in future also in taking time out from your busy time and definitely I will ping you on LinkedIn 🙂🙏🙏🙏
Of course 🤟🏽😎
Your tutorials are great, I'm beginner on figma. How we make snap scroll with indicators? I tried by duplicate the frame and used push transition. Unfortunately, my frame had 4 carousell when I scroll the first carousell the other carousell are scrolling too.
Thanks Rina for kind words 😀
About Snap Scroll, can you share a link to your Figma file or its duplicate? I'll be able to give better recommendation.
@@udayrajsathe Here is the link of my Figma, www.figma.com/file/0S6BNhny81kCFyK6KcTdEK/Snap-Scroll?node-id=0%3A1 I added question there. Thanks for your help
Hi Rina,
I have added a solution to your file. I hope that helps. Let me know if you have any questions.
Btw, your design reminded me of my Memorable Bali vacation 😀(Just before the pandemic)
@@udayrajsathe Hi, Bali is a wonderful place to vacation. I already read the solution that u gave me, but I still want to know how to make a snap scroll for every carousel in my project. It is possible in Figma?
I already tried to use drag triggers for every carousel but the problem is if I swipe the first carousel, the other carousel is getting swipe too.
Can you tell me how to do it with many drag trigger? Is it possible?😁
Thank you
Hey Udayraj......Nice work here to follow. May I ask a quick question of you about Smart Animate - Q: Are Devs able to follow and replicate the smart Animate animations (as I don't think Figma Codes this stuff yet for them?).....thanks: Daryl
Congrats on 10k view...
Thanks for your support, Adhir 🥳
Hi Uday, can you please make a tutorial on Tabs like we use overlay on mouse over? Thanks
Sure. Can you share a link to specific example?
There is no specific example. I have seen in your tutorial the mouse over effect in menu. So, I tried same way for tabs(with 2 tabs only). Done that successfully but the selected tab color is the issue. You make any at your end for tab so that we can select any tab and the content appear accordingly :)
Hello @udayraj sathe , pls do you have a one on one tutorial class for design..I want to be more intentional in my design..and I am willing to pay to learn directly from you
I have a newborn at home. So not doing 1:1 classes right now. We can stay connected on Insta :)
Heyy, I am not able to do overlay at 7:42. Can you please help me?
Sure. Connect with me on Instagram. I'm more active there. Or share a sample file with me with edit access on udayrajsathe@gmail.com
How can we make a drag gesture for back in artboards/frame as whole?
You can try this > Select outermost frame and use Drag trigger.
Hello Udayraj, I liked your tutorial very much. It would be great if you can answer to my query. When I made prototype for swiping or dragging cards by using your method from this video, the transition was not very smooth. Other elements were also moving without giving any effect to them e.g. top left menu icon on mobile screen slide in from below while swiping cards. I have faced this issue many times, if you know the solution please let me know.
Hi Pramodini,
That might happen because of layer positioning. Can you share your file or Duplicate and share with me with Edit access? My id is udayrajsathe@gmail.com
Did you check the edited version? Let me know if it helped.
My overlay is not showing the elements of the actual frame in the prototype. How do I fix this error.
I need to see your file to tell the problem.
Please share it to udayrajsathe@gmail.com if its not already solved.
3k♥️🔥💯🎉
OMG really 🤩 I just saw that 🎂🎂🎂
Thanks for all the support 🤠
could u tell me the tittle of backsound in this video pls
Its 'A New Orleans Crawfish Boil' track from UA-cam Audio Library
hi. couldn't understand the horizontal and vertical scrolling @15.00. new to figma, were you having components/ elements additional to the screen ?
I have been trying to prototype multiple selection list and some changes happen when you select the list. Can you tell me how to do that?
Sure I would like to help. Can you tell me exact scenario you're trying to create?
I have messaged my frames to you in instagram
Hi Udayraj, I tried the drag and Swipe one, but the animation didn't turn out as you have shown. I am unable to understand what I am doing wrong. What could be the possible challenges?
Awaiting your suggestion
Please connect with me on LinkedIn or Insta. Would be happy to assist you 😊
Basically, I am not able to hold and drag
can you share a file(view access) on udayrajsathe@gmail.com? I can have a look
@@udayrajsathe Hey, I managed to solve it on my own. Layers were not proper. Thank you for asking. 🙂
Awesome 👏🏼 😎
added two triggers to the same card is not working. Moving forward but not backward
May be 2nd Trigger (backward movement) is not set to Drag Trigger. Please check and let me know. You can connect with me on Instagram to discuss more, if needed.
Hi, I tried redo the drag effect, but in addition to dragging left and right, my screen can also drag up and down. Objects are not fixed on a horizontal row like your product. What is the error please? Thanks very much
Sorry for late reply. Is your problem resolved already? If not, please connect with me on Linkedin or Insta. I would love to help.
Heyyy i got some problems with figma can you help me
Sure Sejal. Please connect with me on LinkedIn
hope i can like again after rewatching hehhehe
😇😆
Can u please provide a social media id of yours.. I want to attach a jpg..
When i am prrsenting in prototype mode.. View is like a scattered one.. It also comes in your provided practice file
It's a known bug. I hope Figma fixes that soon 🤞🏽
but please explain in to details.
Noted
😭who knows how i can like this video 77 times
Fail
Fail?
VERY CONFUSING NO DETAILING PROPERLY AT ALL
I'll try to improve it next time
Nonsense tutorial
What do you think can be improved?