Тёмный
Mavi Design
Mavi Design
Mavi Design
Подписаться
Straightforward, concise and understandable tutorials & courses on Figma, UX / UI, Design Theory, Photoshop, After Effects, Adobe Illustrator and digital design in general ✏️

I'm a freelance multidisciplinary designer sharing what I've learned over the past 10 years in this field:
• Digital Design
• UI Design
• UX Design
• Web Design
• Marketing, Print and Brand Design
• Motion design and video production
• Design theory and fundamental principles
• Client negotiation and communication

My goal is to help you become a better, more knowledgeable and more efficient designer.

JOIN MY DISCORD SERVER FOR FREE. Reach out to me through Instagram DMs or email to get an invite.

If you found our videos valuable and/or helpful, consider supporting the channel through a donation (link below). If you're looking to download source files / designs from our videos, visit the Mavi Design Store to purchase source files / templates starting at $1.99 😊
BLINKING HIGHLIGHT in Figma - Tutorial
5:24
2 месяца назад
LOADING ANIMATION in Figma (Tutorial)
11:09
2 месяца назад
CLICKABLE PIE CHART in Figma (Tutorial)
20:55
2 месяца назад
HORIZONTAL SCROLL in Figma (Tutorial)
4:15
2 месяца назад
Animations in Figma are Simpler Than You Think
8:56
8 месяцев назад
Design an App from Scratch in Figma (Tutorial)
5:14:33
9 месяцев назад
Комментарии
@fact2hackM
@fact2hackM 18 часов назад
how did you bring that play mavi design page where you seeing your live changes ??????/?/
@mosheyagami
@mosheyagami 19 часов назад
My brain just melted 😭😭😭😭😭😭 I guess i'll have to watch this video again but on slow motion
@VenkatachalamRavindran
@VenkatachalamRavindran День назад
Superb video.
@felicenguyen7121
@felicenguyen7121 2 дня назад
Thanks so much for your helpful video. I've been struggling for this problem for such a long time. It's detailed and easy to follow!!!
@richouzzz4781
@richouzzz4781 3 дня назад
but........ they both snap to 0 OR 1000.... so the slider is useless?
@GuyNicholson
@GuyNicholson 3 дня назад
Love to see the tutorial if it's still available
@dodietvirdianto990
@dodietvirdianto990 3 дня назад
thank you
@AlexCarnallUX
@AlexCarnallUX 3 дня назад
For anyone struggling at minute 9 connecting the list items to the option 1, 2, 3 etc: -Click on the original dropdown list you created -If it's got a blue border around it, it means it's NOT in the same layer as the dropdown field -So click on the list & find it in the layers panel on the left -Then click on the dropdown field & find it in the layers panel on the left -Next from the layers panel you need to drag the list layer into the dropdown field layer -You'll see the border on the list turns from blue > purple - Now here, if you try and drag it, it can turn back into a separate layer, so I found using the X & Y axis in the right hand panel worked best to keep it in the same layer -Use those X & Y axis options to drag it to where you want it to be -Then voila, it should work for you The issue is that the drop down list IS NOT in the same layer Hope this helps you all because it took me an hour to figure out 🙂
@tuhinahmed7497
@tuhinahmed7497 3 дня назад
Could you please make a video about "drop down and sub menu" like best buy website the way they prototype thier menu bar I have been suffering this problem to creat menu bar like best buy website for a almost a week Please take a glance at their website click on menu bar and explain and make a video about it Please please
@DENTEX007
@DENTEX007 4 дня назад
The most complicated video I've ever seen
@gilbertsilva8622
@gilbertsilva8622 4 дня назад
BRO YOU ARE A LIFE SAVER. THANK YOU!
@Karajo.design
@Karajo.design 5 дней назад
The best
@alokranjanoraon7336
@alokranjanoraon7336 5 дней назад
i have just copmpleted 50% of the tutorial .. and i'm enjoying it 👍
@toastymmo
@toastymmo 6 дней назад
Worked like a dream!!! Thank you! Now I need to create a visible switcher where a drop down menu appears for one of the buttons only :(
@pipex285
@pipex285 6 дней назад
One year later, it helped me!!! Thank you, one more follow!!
@JoelDiaz04
@JoelDiaz04 7 дней назад
at 3:11 changing the size doesn't give me the fill container option on my autolayout. Am I missing something?
@rhayragatti8067
@rhayragatti8067 7 дней назад
Thank you SO MUCH for this excellent tutorial. It hellped me a lot. I paused a lot the video to do step by step but it was not very hard. Thank you.
@sezyboii
@sezyboii 8 дней назад
How do you make it move now?
@mohamedbaqchich8353
@mohamedbaqchich8353 8 дней назад
Thank you so much for the amazing content you create! Your videos are always helpful and inspiring. Keep up the great work-I'm learning so much from you!
@AzmiAhmad-o2v
@AzmiAhmad-o2v 8 дней назад
nice very good, i like it
@lazi21
@lazi21 9 дней назад
dont rectangles have better performance because there is no roundness that needs to be calculated? even though this might have a very small effect.
@reemshteiwi4708
@reemshteiwi4708 9 дней назад
your video so helpful thank you and keep going😄
@rajthedev
@rajthedev 10 дней назад
I found the absolute positioning to be very useful. Thanks!
@Dupdopy
@Dupdopy 10 дней назад
Thank you! Wonderful!
@douglasborgesz
@douglasborgesz 10 дней назад
it worked perfectly! appreciate dude!
@sancho6040.
@sancho6040. 10 дней назад
this is horrible!!! :c
@AmbarMacarena18
@AmbarMacarena18 11 дней назад
Muchas gracias! para hacer que se moviera en automático, edité las interacciones entre slides y seleccioné after delay, ahora se mueven y se ven hermosas ! Gracias por el contenido !
@AmbarMacarena18
@AmbarMacarena18 11 дней назад
le coloque 2 interacciones, la primera after delay y luego one click para que el usuario pueda navegar a su gusto :)
@MouradLahlali
@MouradLahlali 11 дней назад
I figured it out!...when you desactivate auto layout for the list of option , make sure the layer is inside "default,visible options=yes" layer..............working 100%
@julianaleshchyshyn3564
@julianaleshchyshyn3564 11 дней назад
Thank you! it helped me so much
@MakerCeramics
@MakerCeramics 11 дней назад
Why is it so hard for Figma which is a platform made for that purpose to provide such essential and simple button this I can’t understand 🤷‍♂️
@steinmartahh
@steinmartahh 11 дней назад
I found this tutorial to be the best one I've followed so far. The explanations and instructions are very clear, leaving no room for confusion. The only issue I encountered was with the second layout where the header nav container didn't center automatically. I managed to fix it, but I can't recall the exact steps I took. Additionally, the fixed position of the header when scrolling is now in a different place. Everything else was great. I also appreciated the approach of teaching a beginner-friendly method for creating components, which encourages efficient work and resource optimization from the start. Not all tutorials I've followed offer this, so I'm extremely thankful for it.
@93vincentvalentine
@93vincentvalentine 11 дней назад
Hi, I can't seem to find a Text panel on the right hand side of the interface at all, please help
@yuvashreep4881
@yuvashreep4881 11 дней назад
Thank you bro 🙏
@AmbarMacarena18
@AmbarMacarena18 12 дней назад
Gracias por tus videos! para solucionar el tema del menu sobre el menu, apliqué un menu acordeon entre las opciones, asi no es tan dificil desplegar opciones entre cada menu item Saludos!!!!
@Bookodus
@Bookodus 12 дней назад
You make easy things hard lol. Keep it simple
@WolfSoundsHQ
@WolfSoundsHQ 12 дней назад
Too much emphasis on CSS
@sakshikhandagale09
@sakshikhandagale09 13 дней назад
thank you so much for this wonderful tutorial☺
@wieslawbuszman460
@wieslawbuszman460 13 дней назад
ok
@brandonawrey3074
@brandonawrey3074 13 дней назад
When I click command k, k or scale the size is now not changing. Never had this issue. That is how I would resize any image. Can you explain why it's doing this and always trying to scale the same way it is on the left side of your screen? And not actually incasing the size like it use too. Thanks in advance
@reemshteiwi4708
@reemshteiwi4708 13 дней назад
sometime the fill container does not available can anyone help me with this issue
@bilguunzayaerdenesuren1890
@bilguunzayaerdenesuren1890 14 дней назад
Hello! I watched a great tutorial video, but I'm having trouble adjusting shapes after I've masked them😅 Can you point out any mistakes I might be making or offer any thoughts on what I might be doing wrong? I'm using the recent free version of Figma on Windows. Any help would be appreciated. Thank you!
@Uyai_Inyang
@Uyai_Inyang 14 дней назад
Thank you for this At first it was hard but I had to just follow the steps and understand the concept behind it and it makes sense.
@rubenphilip
@rubenphilip 14 дней назад
Complicated but you made it look simple
@graceoluwatola
@graceoluwatola 14 дней назад
Your tutorials are so explanatory. Thanks
@Milshua
@Milshua 14 дней назад
Do I need the full version for this?
@agarwaldigital_
@agarwaldigital_ 16 дней назад
@mavidesign Let's say there are 2 elements now- check boxes and CTA Button. When the checkboxes are not selected, I want the CTA button to be inactive. When the checkboxes are selected, the CTA button is active. How do I achieve that? Can you help?
@marcvictorventura
@marcvictorventura 16 дней назад
i have no visible and invisible in interactions, what should i do?
@donlord746
@donlord746 16 дней назад
Download the tutorials but didn't get an activation key?
@Verver_ver
@Verver_ver 16 дней назад
Its not that complicated lol, just practice as you watch💀
@Kartel-ut2mj
@Kartel-ut2mj 16 дней назад
not working