Тёмный
UxMate
UxMate
UxMate
Подписаться
Welcome to UX Mate, your creative playground for mastering the world of UI/UX design, Figma wizardry, VFX sorcery, Animation enchantment, Photoshop sorcery, multimedia artistry, and so much more! Our mission is to empower your creative journey by providing you with expert insights, step-by-step tutorials, and insider tips from the realms of design, visual effects, and multimedia.

Join our community of passionate creatives, designers, and artists as we embark on a journey to unlock your creative potential. Whether you're a newbie or a pro, our tutorials cater to all levels.

Subscribe, hit the notification bell, and let's embark on a creative adventure together. Let your imagination run wild with UX Mate, where design and artistry collide."
Create Progress Bar Animation in Figma
10:18
4 месяца назад
Easy Figma Variables Tutorial! Part 1
12:01
4 месяца назад
Easy Figma Variables Tutorial! Part 2
12:26
4 месяца назад
The Golden Ratio | Sacred Geometry in UI Design
21:12
5 месяцев назад
Figma Tutorial For Beginners | Figma Tutorial
2:38:40
6 месяцев назад
How to Use Microsoft Clarity? Free Forever
7:11
7 месяцев назад
Комментарии
@VardhanK-w8w
@VardhanK-w8w День назад
Can we apply this For triangle
@ux_mate
@ux_mate 23 часа назад
Yes! But it would be slightly different in case of triangles. I will make one video on this.
@VoiceOfWillPower
@VoiceOfWillPower 5 дней назад
Audio is too low. 🔉
@ux_mate
@ux_mate 4 дня назад
Yes! I realised it later. I changed my studio setup! Please bare with for this video. Sorry for the inconvenience!
@empathy123
@empathy123 5 дней назад
Thankyou for uploading thing content. Its just that in technical parts you were way to fast to process.
@ux_mate
@ux_mate 5 дней назад
@@empathy123 Thanks for your feedback! Will surely be more slow in crucial steps!
@nabil.bel.2799
@nabil.bel.2799 12 дней назад
VERY GOOOOOOOOOD
@ux_mate
@ux_mate 11 дней назад
Thanks a lot
@querekapro5284
@querekapro5284 13 дней назад
Hey can we create transparent animated stickers for telegram using figma?
@ux_mate
@ux_mate 13 дней назад
Figma won't be a good choice here. Though we can do it with some cheats, but it is not a optimised solution.
@querekapro5284
@querekapro5284 13 дней назад
@@ux_mate I see, thanks for answering 🙂. If you don't mind me asking, do you know which software/application is used to make animated stickers for telegram? And animated emojis.
@FerasALIShah
@FerasALIShah 14 дней назад
GGGGGGGGGGGGGGGGGGGGGGGGGGGGGGGGGGGGGGGGGGGGGGGGGGGGGGGGGGGG OOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOODDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDD
@ux_mate
@ux_mate 14 дней назад
Thanks!
@lemakarovel
@lemakarovel 14 дней назад
I know. You know? We know!
@ux_mate
@ux_mate 11 дней назад
Everyone should know 😊
@FerasALIShah
@FerasALIShah 17 дней назад
Gooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddd
@FerasALIShah
@FerasALIShah 17 дней назад
VVVVVV GooD
@ux_mate
@ux_mate 17 дней назад
Thanks a lot! Be sure to check out other videos.
@kingsleyihediohamma5361
@kingsleyihediohamma5361 19 дней назад
Too fast😢
@ux_mate
@ux_mate 19 дней назад
Watch the detailed video here ru-vid.com/video/%D0%B2%D0%B8%D0%B4%D0%B5%D0%BE-FPF8PB6OGAc.html
@sandyal7535
@sandyal7535 19 дней назад
Thanks for the nice video. Helped a lot. How to make it accordion drop down if I have more than one Option?
@ux_mate
@ux_mate 19 дней назад
Thanks! Thaks a lot for your response. A video on Accordion is scheduled in coming week. I will post the link here. But meanwhile you may use the same techniques as in dropdown.
@ux_mate
@ux_mate 17 дней назад
@sandyal7535 here is the tutorial for Accordions ru-vid.com/video/%D0%B2%D0%B8%D0%B4%D0%B5%D0%BE-NbTgY6ATzZU.html
@giosterr44
@giosterr44 Месяц назад
Auto layout and how to use it correctly
@ux_mate
@ux_mate Месяц назад
ru-vid.com/video/%D0%B2%D0%B8%D0%B4%D0%B5%D0%BE-Ms-CUNqfikE.html Here we have a detailed tutorial on Auto Layout
@tishakhan7693
@tishakhan7693 Месяц назад
Good
@ux_mate
@ux_mate Месяц назад
Thanks
@tishakhan7693
@tishakhan7693 Месяц назад
Go ahead
@ux_mate
@ux_mate Месяц назад
Thanks
@ux_mate
@ux_mate Месяц назад
Watch the detailed video here ru-vid.com/video/%D0%B2%D0%B8%D0%B4%D0%B5%D0%BE-FPF8PB6OGAc.html
@JatinKothariCHE
@JatinKothariCHE Месяц назад
Many are commented that it’s not working even after following every step so there’s something is going wrong Request to pls create a video with captions coz it’s too fast and screen is also not full visible so nobody knows what you’re doing in this video
@ux_mate
@ux_mate Месяц назад
@JatinKothariCHE It works seamlessly. Here we have a detailed video please follow this. ru-vid.com/video/%D0%B2%D0%B8%D0%B4%D0%B5%D0%BE-FPF8PB6OGAc.html
@ux_mate
@ux_mate Месяц назад
I hope this helps you
@aytacardaokutan8383
@aytacardaokutan8383 Месяц назад
It didn't work, my son, it didn't work, I tried the same thing, why didn't it work?
@ux_mate
@ux_mate Месяц назад
You might have missed a step. Please follow the detailed video here. It will work 100% ru-vid.com/video/%D0%B2%D0%B8%D0%B4%D0%B5%D0%BE-FPF8PB6OGAc.html
@aytacardaokutan8383
@aytacardaokutan8383 Месяц назад
olmadı olum olmadı bizde
@ux_mate
@ux_mate Месяц назад
?
@joynicolas
@joynicolas Месяц назад
This is really nice 👍🏻 smooth explanation and useful, thanks
@ux_mate
@ux_mate Месяц назад
Thank You!
@nanthinikarthi5526
@nanthinikarthi5526 2 месяца назад
Hello bro, after adding animation, I dragged and dropped the component and I played. It's not loading. It's freezed. What shall I do?
@ux_mate
@ux_mate 2 месяца назад
Make sure you have after delay interaction in your variants. Refer this detailed tutorial ru-vid.com/video/%D0%B2%D0%B8%D0%B4%D0%B5%D0%BE-FPF8PB6OGAc.htmlsi=PAexGJiS_0jOjTmi
@dailychinese1396
@dailychinese1396 2 месяца назад
Very good tutorial
@ux_mate
@ux_mate 2 месяца назад
Thanks
@00hash008
@00hash008 2 месяца назад
How to do logo animation? I created a logo with pen tool and I couldn't able to do the animation. Please help me!
@ux_mate
@ux_mate 2 месяца назад
Logo Animation is subjective and depends on how is your logo designed. If possible please reach out to us on contact@uxmate.co.in Will help you there.
@muslihatkedua7422
@muslihatkedua7422 2 месяца назад
can we apply this method to other object i mean lets say its not a circle but some curly line moving around the screen?
@ux_mate
@ux_mate 2 месяца назад
For curvy lines please refer this ru-vid.com/video/%D0%B2%D0%B8%D0%B4%D0%B5%D0%BE-Lib7wGumcrI.html
@shaifalam5590
@shaifalam5590 2 месяца назад
Very good bro, how action align with voice amazing 🤣😆😆👍
@ux_mate
@ux_mate 2 месяца назад
Thanks 😅 I tried to 🙏
@YouAlreadyKnowBabi
@YouAlreadyKnowBabi 2 месяца назад
My man!!! Much appreciated !!!!!!!!!!!!!!
@ux_mate
@ux_mate 2 месяца назад
Thanks a lot 🙏
@preethirajendran5449
@preethirajendran5449 2 месяца назад
It's not working, I have to tap on every circle so the animation is working
@ux_mate
@ux_mate 2 месяца назад
You need to have after delay interaction, you have created on click interaction that's why you have to always tap/click to change frame/Variant of animation. Make sure you follow this with After Delay Interaction.
@ux_mate
@ux_mate 2 месяца назад
You may follow this detailed tutorial to understand Animation ru-vid.com/video/%D0%B2%D0%B8%D0%B4%D0%B5%D0%BE-FPF8PB6OGAc.html
@preethirajendran5449
@preethirajendran5449 2 месяца назад
@@ux_mate thank you
@stacybeen3771
@stacybeen3771 2 месяца назад
Very useful and unique content! Like, a lot of Figma 'mentors' like Nick Babich or someone like him, still "teaching" about variants... It's so outdated! Variables and combination technics with variants are the future. Your tutorials are great, modern, and progressive, that's what every UX/product designer needs to know. Thank you a lot for your videos.
@ux_mate
@ux_mate 2 месяца назад
Glad you enjoyed it! Keep Watching. Keep Learning. Keep Designing.
@dendi9215
@dendi9215 2 месяца назад
Thank u for tutorial
@ux_mate
@ux_mate 2 месяца назад
You are welcome!
@hobbyist_gurl26
@hobbyist_gurl26 2 месяца назад
Plzz stop the Tiktik irritating sound and then talk
@ux_mate
@ux_mate 2 месяца назад
Thanks for the feedback 🙏 I will take care of this.
@zp4549
@zp4549 2 месяца назад
Hi there. I can't get the animation preview to work at all. How did you drag it into the phone frame? Mine wont work in regular preview mode either. I followed every step exactly.
@ux_mate
@ux_mate 2 месяца назад
Have you created component? Also make sure you are having smart animate properly setup. Then you need to drag 1st Variant of the component on the frame. I have made a simpler video here ru-vid.com/video/%D0%B2%D0%B8%D0%B4%D0%B5%D0%BE-FPF8PB6OGAc.htmlsi=VDsxukLtP8gpQQZq
@krishnasai2997
@krishnasai2997 2 месяца назад
For loading this much circus is required ? 😮
@ux_mate
@ux_mate 2 месяца назад
It depends how complex Animation you want
@ekkemoo
@ekkemoo 3 месяца назад
music isn’t helping
@ux_mate
@ux_mate 3 месяца назад
Thank You for your suggestion!
@tahoorshaikh4886
@tahoorshaikh4886 3 месяца назад
Can you explain how did you drag the animation in the frame?
@ux_mate
@ux_mate 3 месяца назад
You just need to hold Alt or Option button and move the 1st Variant of component in frame. Alternatively you may copy paste the same. 😊
@noracecy6203
@noracecy6203 3 месяца назад
Awesome
@ux_mate
@ux_mate 3 месяца назад
Thank You!
@neq.u2
@neq.u2 3 месяца назад
When I rotate te cycle to the backgraund its doesn't work? Can you help me?
@ux_mate
@ux_mate 3 месяца назад
Can you please let me know the timestamp of the video which you are referring to? To do smart animate here are few important things to make sure... 1. Make sure you are using same layer name accros all variants of the component. 2. Make sure you are changing properties of the same layer across. 3. Make sure your interaction is set to After Delay - Smart Animate. If you still need any help please drop me an mail on contact@uxmate.co.in
@neq.u2
@neq.u2 3 месяца назад
@@ux_mate When I move one of the circles to the background, as it is in the video at one minute 5:38 , the animation turns off and does not work
@matheusnoronha8774
@matheusnoronha8774 2 месяца назад
​@@neq.u2 When selecting the variants to change the angles, select the component and rotate it within the variant. If you rotate the entire variant it won't work, you need to select the "anim" and rotate it.
@baongocngo3461
@baongocngo3461 3 месяца назад
00:00
@ux_mate
@ux_mate 3 месяца назад
?
@chuksnkrumah6973
@chuksnkrumah6973 3 месяца назад
After the whole manipulation, did you group all before presenting?
@ux_mate
@ux_mate 3 месяца назад
Not grouped! It is one component with multiple states of it. You may follow this detailed video ru-vid.com/video/%D0%B2%D0%B8%D0%B4%D0%B5%D0%BE-FPF8PB6OGAc.htmlsi=X8ylpGOYgUUQJckZ
@shamsiddinolimov441
@shamsiddinolimov441 3 месяца назад
respect
@ux_mate
@ux_mate 3 месяца назад
Thanks
@foXydelmoXy
@foXydelmoXy 3 месяца назад
Lower the music voice 😢
@ux_mate
@ux_mate 3 месяца назад
Thanks for the suggestion 🙏
@designwork-tb3qp
@designwork-tb3qp 3 месяца назад
I did everything but the circle only rotates in the middle😢
@ux_mate
@ux_mate 3 месяца назад
Please make sure you have defined rotation properly to the correct circle. It should be 0°, 90°, 180°, 270°.
@designwork-tb3qp
@designwork-tb3qp 3 месяца назад
@@ux_mate The problem was that the speed was irregular, thank you 🫰
@ux_mate
@ux_mate 3 месяца назад
Great! Lucky this was useful. <3
@matheusnoronha8774
@matheusnoronha8774 2 месяца назад
When selecting the variants to change the angles, select the component and rotate it within the variant. If you rotate the entire variant it won't work, you need to select the "anim" and rotate it.
@murugeswariv2937
@murugeswariv2937 3 месяца назад
How to move same size sir . Please tell me
@ux_mate
@ux_mate 3 месяца назад
I couldn't understood the question though if you are facing problem in crafting loading animation then please follow this detailed tutorial ru-vid.com/video/%D0%B2%D0%B8%D0%B4%D0%B5%D0%BE-FPF8PB6OGAc.html
@melodysays30
@melodysays30 3 месяца назад
is your figma account paid??? cuz i followed all your steps till "After Delay' but after that the other options were not there..
@ux_mate
@ux_mate 3 месяца назад
No! You don't need paid account for Smart Animate. Can you please tell me at what point of time you are facing the problem?
@melodysays30
@melodysays30 3 месяца назад
@@ux_mate i got stuck after creating componenets and connecting the circles.. i have put after delay options everything along with the time stamps shown on the video but the animation does not get played
@melodysays30
@melodysays30 3 месяца назад
@@ux_mate also do you have an email id .. i could send you screenshots where i got stuck at
@ux_mate
@ux_mate 3 месяца назад
@@melodysays30 Make sure you create one component and have variants within it! Not multiple components. Also make sure to have same names for the objects in all variants. It should work properly. If you still facing issues please let me know we can schedule a quick call to resolve the issue. Thanks!
@ux_mate
@ux_mate 3 месяца назад
I am extremely sorry I wasn't feeling well and was away for a week or so. I just checked your comment. You may reach out at contact@uxmate.co.in
@benkyoudayjp
@benkyoudayjp 3 месяца назад
Nice tutorial, this is what I need. Keep uploading insightful content ✨🤍
@ux_mate
@ux_mate 3 месяца назад
Thanks a lot! Please do Share and Subscribe
@dueduplay
@dueduplay 4 месяца назад
brother, you saved me
@ux_mate
@ux_mate 4 месяца назад
Thanks!
@ux_mate
@ux_mate 4 месяца назад
Here we have detailed tutorial on this ru-vid.com/video/%D0%B2%D0%B8%D0%B4%D0%B5%D0%BE-FPF8PB6OGAc.html
@attunery
@attunery 4 месяца назад
Nice man! Thank you
@ux_mate
@ux_mate 4 месяца назад
Great it helped!
@owoadeidris1304
@owoadeidris1304 4 месяца назад
This is nice
@ux_mate
@ux_mate 4 месяца назад
Thanks
@kranthikaile9738
@kranthikaile9738 4 месяца назад
I really struggled to see what options your are using while styling, the left and right commands are really small, and you didn't even made a zoom edit for this video, what is the use of the video if we are unable to see it properly.
@ux_mate
@ux_mate 4 месяца назад
Extremely sorry for the inconvenience! This video was created a long time back. But I never got any complaints about the visibility. But I will make sure in future video to zoom in wherever required. Thanks for your suggestion.
@DavidKohout
@DavidKohout 4 месяца назад
Perfect, that will come handy, thank you! 🙏🏼
@ux_mate
@ux_mate 4 месяца назад
Glad it helped!
@ux_mate
@ux_mate 4 месяца назад
Please do share and spread the Channel with love :)
@hridoy8384
@hridoy8384 5 месяцев назад
Amazing Video
@ux_mate
@ux_mate 5 месяцев назад
Thank You ❤️
@kellyx4988
@kellyx4988 5 месяцев назад
Could another designer update the list items in an instance and retain the override, since they don’t have access to the variable collection?
@ux_mate
@ux_mate 5 месяцев назад
No they can't modify variables from design system. But they can create local variables. Figma doesn't allow to modify variables from another file as of now.