![Mavi Design](/img/default-banner.jpg)
- 372
- 4 463 428
Mavi Design
Czechia
Приєднався 25 бер 2019
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 😊
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 😊
PRESSED DOWN Button State in Figma – How? (Tutorial)
Visit my STORE: bit.ly/mavi-design-store
Explore Mavi Design COURSES : bit.ly/mavi-design-courses
Get FIGMA for FREE: bit.ly/get-started-with-figma
Take FULL advantage of ALL FIGMA's features: bit.ly/figma-professional-plan
FREE FIGMA COURSE / SERIES: Design a Website in Figma: ua-cam.com/play/PLCUPtxXqnWn0AMIjZmNdkrzWVjLHOW2NT.html
In this video I'll show you how to create a "Pressed down" button state using interactive components.
--------
© 2024 Mavi Design
Explore Mavi Design COURSES : bit.ly/mavi-design-courses
Get FIGMA for FREE: bit.ly/get-started-with-figma
Take FULL advantage of ALL FIGMA's features: bit.ly/figma-professional-plan
FREE FIGMA COURSE / SERIES: Design a Website in Figma: ua-cam.com/play/PLCUPtxXqnWn0AMIjZmNdkrzWVjLHOW2NT.html
In this video I'll show you how to create a "Pressed down" button state using interactive components.
--------
© 2024 Mavi Design
Переглядів: 195
Відео
SHOW / HIDE TEXT IN FIGMA - Tutorial (Interactive Component Prototyping)
Переглядів 60416 годин тому
Visit my STORE: bit.ly/mavi-design-store Explore Mavi Design COURSES : bit.ly/mavi-design-courses Get FIGMA for FREE: bit.ly/get-started-with-figma Take FULL advantage of ALL FIGMA's features: bit.ly/figma-professional-plan FREE FIGMA COURSE / SERIES: Design a Website in Figma: ua-cam.com/play/PLCUPtxXqnWn0AMIjZmNdkrzWVjLHOW2NT.html In this video I'm going to show you how you can create a show ...
"Sustainable Fashion" Social Media Banner (Figma Tutorial + Source File)
Переглядів 1,9 тис.4 місяці тому
Get the SOURCE FILES for this project ($1.99): payhip.com/b/3p5h1 Visit my STORE: bit.ly/mavi-design-store Explore Mavi Design COURSES : bit.ly/mavi-design-courses Get FIGMA for FREE: bit.ly/get-started-with-figma Take FULL advantage of ALL FIGMA's features: bit.ly/figma-professional-plan FREE FIGMA COURSE / SERIES: Design a Website in Figma: ua-cam.com/play/PLCUPtxXqnWn0AMIjZmNdkrzWVjLHOW2NT.h...
I Made The "Home" Icon More Realistic (Figma Tutorial + Source File)
Переглядів 8804 місяці тому
Get the SOURCE FILES for this project ($1.99): payhip.com/b/a8fjD Visit my STORE: bit.ly/mavi-design-store Explore Mavi Design COURSES : bit.ly/mavi-design-courses Get FIGMA for FREE: bit.ly/get-started-with-figma Take FULL advantage of ALL FIGMA's features: bit.ly/figma-professional-plan FREE FIGMA COURSE / SERIES: Design a Website in Figma: ua-cam.com/play/PLCUPtxXqnWn0AMIjZmNdkrzWVjLHOW2NT.h...
How To Design This Banner Ad in Figma (Tutorial + Source File)
Переглядів 8934 місяці тому
Get the SOURCE FILES for this project ($1.99): payhip.com/b/OYZ6P Visit my STORE: bit.ly/mavi-design-store Explore Mavi Design COURSES : bit.ly/mavi-design-courses Get FIGMA for FREE: bit.ly/get-started-with-figma Take FULL advantage of ALL FIGMA's features: bit.ly/figma-professional-plan FREE FIGMA COURSE / SERIES: Design a Website in Figma: ua-cam.com/play/PLCUPtxXqnWn0AMIjZmNdkrzWVjLHOW2NT.h...
Let’s Design A Banner Ad For Your Design Agency (Figma Tutorial + Source File)
Переглядів 6134 місяці тому
Get the SOURCE FILES for this project ($1.99): payhip.com/b/zMdKq Visit my STORE: bit.ly/mavi-design-store Explore Mavi Design COURSES : bit.ly/mavi-design-courses Get FIGMA for FREE: bit.ly/get-started-with-figma Take FULL advantage of ALL FIGMA's features: bit.ly/figma-professional-plan FREE FIGMA COURSE / SERIES: Design a Website in Figma: ua-cam.com/play/PLCUPtxXqnWn0AMIjZmNdkrzWVjLHOW2NT.h...
A Search Icon, But Make It Complicated (Figma Tutorial + Source File)
Переглядів 6344 місяці тому
Get the SOURCE FILES for this project ($1.99): payhip.com/b/bnLGO Visit my STORE: bit.ly/mavi-design-store Explore Mavi Design COURSES : bit.ly/mavi-design-courses Get FIGMA for FREE: bit.ly/get-started-with-figma Take FULL advantage of ALL FIGMA's features: bit.ly/figma-professional-plan FREE FIGMA COURSE / SERIES: Design a Website in Figma: ua-cam.com/play/PLCUPtxXqnWn0AMIjZmNdkrzWVjLHOW2NT.h...
Animations in Figma are Simpler Than You Think
Переглядів 1,1 тис.4 місяці тому
Get the SOURCE FILES for this project ($1.99): payhip.com/b/c51xv Visit my STORE: bit.ly/mavi-design-store Explore Mavi Design COURSES : bit.ly/mavi-design-courses Get FIGMA for FREE: bit.ly/get-started-with-figma Take FULL advantage of ALL FIGMA's features: bit.ly/figma-professional-plan FREE FIGMA COURSE / SERIES: Design a Website in Figma: ua-cam.com/play/PLCUPtxXqnWn0AMIjZmNdkrzWVjLHOW2NT.h...
Design an App from Scratch in Figma (Tutorial)
Переглядів 19 тис.6 місяців тому
Get the SOURCE FILE for this project ($5.99): payhip.com/b/QILqW Explore Mavi Design COURSES : bit.ly/mavi-design-courses Visit my STORE: bit.ly/mavi-design-store Get FIGMA for FREE: bit.ly/get-started-with-figma Take FULL advantage of ALL FIGMA's features: bit.ly/figma-professional-plan Welcome to the Figma mobile app design masterclass. In this 5-hour deep dive FREE course, we're going to exp...
How to Combine Figma and Google Slides to Design Professional Presentations (Extremely Simple)
Переглядів 4,7 тис.7 місяців тому
Visit my STORE: bit.ly/mavi-design-store Explore Mavi Design COURSES : bit.ly/mavi-design-courses Get FIGMA for FREE: bit.ly/get-started-with-figma Take FULL advantage of ALL FIGMA's features: bit.ly/figma-professional-plan FREE FIGMA COURSE / SERIES: Design a Website in Figma: ua-cam.com/play/PLCUPtxXqnWn0AMIjZmNdkrzWVjLHOW2NT.html In this video I'm going to show you how I combine / integrate ...
Create an ADD TO FAVORITES Interactive Component in Figma (Tutorial)
Переглядів 3,5 тис.7 місяців тому
Get the SOURCE FILES for this project ($1.99): payhip.com/b/eyUhC Visit my STORE: bit.ly/mavi-design-store Explore Mavi Design COURSES : bit.ly/mavi-design-courses Get FIGMA for FREE: bit.ly/get-started-with-figma Take FULL advantage of ALL FIGMA's features: bit.ly/figma-professional-plan FREE FIGMA COURSE / SERIES: Design a Website in Figma: ua-cam.com/play/PLCUPtxXqnWn0AMIjZmNdkrzWVjLHOW2NT.h...
Create a CHECKBOX DROPDOWN MENU in Figma (Tutorial)
Переглядів 7 тис.8 місяців тому
Create a CHECKBOX DROPDOWN MENU in Figma (Tutorial)
Creating a Photorealistic AirPods Illustration in Figma - Voiceless Tutorial (Source File Available)
Переглядів 2,3 тис.8 місяців тому
Creating a Photorealistic AirPods Illustration in Figma - Voiceless Tutorial (Source File Available)
Redesigning Random Icons For No Reason (Figma)
Переглядів 1,1 тис.9 місяців тому
Redesigning Random Icons For No Reason (Figma)
Is Digital & UX Design Becoming Increasingly "BORING"? And Why? [Well Designed ep.03]
Переглядів 1,3 тис.9 місяців тому
Is Digital & UX Design Becoming Increasingly "BORING"? And Why? [Well Designed ep.03]
What's the FASTEST Way To Improve as a Designer? [Well Designed ep.02]
Переглядів 8129 місяців тому
What's the FASTEST Way To Improve as a Designer? [Well Designed ep.02]
What is Good Design? [Well Designed ep.01]
Переглядів 1 тис.9 місяців тому
What is Good Design? [Well Designed ep.01]
This Design Technique Will Instantly Put You Ahead of 95% of Designers
Переглядів 3,6 тис.10 місяців тому
This Design Technique Will Instantly Put You Ahead of 95% of Designers
How To Make Boring Stuff Look Interesting (Figma #ux #ui #course)
Переглядів 2,9 тис.11 місяців тому
How To Make Boring Stuff Look Interesting (Figma #ux #ui #course)
SET VARIABLE and CONDITIONAL in Figma: The SIMPLEST EXPLANATION Using an Example
Переглядів 11 тис.11 місяців тому
SET VARIABLE and CONDITIONAL in Figma: The SIMPLEST EXPLANATION Using an Example
Responsifying an ENTIRE PAGE in Figma - Design a Website ep.32 - #free #ux #ui #course
Переглядів 10 тис.11 місяців тому
Responsifying an ENTIRE PAGE in Figma - Design a Website ep.32 - #free #ux #ui #course
Can You Make a RESPONSIVE HEADER in Figma? - Design a Website ep.31 - #free #ux #ui #course
Переглядів 27 тис.11 місяців тому
Can You Make a RESPONSIVE HEADER in Figma? - Design a Website ep.31 - #free #ux #ui #course
WEB DESIGN IN FIGMA ep.30: Making The Footer RESPONSIVE - Free UX/UI Course
Переглядів 7 тис.11 місяців тому
WEB DESIGN IN FIGMA ep.30: Making The Footer RESPONSIVE - Free UX/UI Course
VARIABLES IN FIGMA - Effortless Consistency in Your Design Projects #config2023
Переглядів 14 тис.11 місяців тому
VARIABLES IN FIGMA - Effortless Consistency in Your Design Projects #config2023
RESPONSIVE FIGMA AUTO LAYOUT - The Gamechanger Figma Feature is Here #config2023
Переглядів 31 тис.11 місяців тому
RESPONSIVE FIGMA AUTO LAYOUT - The Gamechanger Figma Feature is Here #config2023
INTERACTIVE COMPONENTS in FIGMA - What They Are & How To Use Them (Tutorial)
Переглядів 1,8 тис.Рік тому
INTERACTIVE COMPONENTS in FIGMA - What They Are & How To Use Them (Tutorial)
ORGANIZE YOUR VARIANTS in Figma: A Simple Technique
Переглядів 2 тис.Рік тому
ORGANIZE YOUR VARIANTS in Figma: A Simple Technique
RENAMING LAYERS in Figma: A Few Quick Tips
Переглядів 3,4 тис.Рік тому
RENAMING LAYERS in Figma: A Few Quick Tips
WEB DESIGN IN FIGMA ep. 29: Color Tokens + CTA Section Redesign - Free UX / UI Course
Переглядів 3,1 тис.Рік тому
WEB DESIGN IN FIGMA ep. 29: Color Tokens CTA Section Redesign - Free UX / UI Course
Watch This To Finally Understand FRAME CONSTRAINTS in Figma
Переглядів 19 тис.Рік тому
Watch This To Finally Understand FRAME CONSTRAINTS in Figma
You see those panels on the left and right? If I turn the UI off they go away but so does the top nav and then I can only move about the page. Is it possible to move the left or right panel out of the way or shrink it / make it thinner without losing the top nav elements?
When I try to duplicate/ use an istance of the 1st option of the component it duplicates direcly into a componet (4 purple circles icon on the layers menu) and does not turn into an option (empty purple diamond) as shown in the video. WHY!? Can someone explain or help? Thank you
Ok problem solved...LOL
i was struggling with auto layout but after watching this tutorial now i am able to make responsive design
Thank you for video, it was amazing! Only problem i have is that such blinking cursor is not working with a open overlay keyboard. It’s just stopping blinking when the keyboard is jumping up 😅😢😢
really helpful, thanks!
I am unable to see fill container option in my figma design @mavi Design please help
thanks
thank you so much!! <3
thanks
its hard in figma😐😐. but easy in coding using html css js 😇😇
Great explanation thankyou 😊
very helpful thank you sir!!!
This shyte still aint working. Dimag ka bhosda ho gaya
Thank you so much
I am truly humbled and overjoyed by your extraordinary kindness and generosity. Your selfless actions have left an indelible mark on my heart, and I am forever indebted to you for your unwavering support and compassion. Words simply cannot capture the depth of my gratitude. You have gone above and beyond, demonstrating an unparalleled level of thoughtfulness and care that has profoundly touched my life. I am in awe of your remarkable spirit and your ability to make such a meaningful difference. Please know that your incredible gesture will never be forgotten. You are a true inspiration, a shining example of the best that humanity has to offer. I am eternally grateful to have you in my life, and I can only hope to one day repay the kindness you have so graciously bestowed upon me. Thank you, from the bottom of my heart, for being such an amazing and remarkable person. You are a true blessing, and I am forever grateful. With the utmost respect and appreciation.
I must be an idiot because as a new figma user I have no clue what you just did. You have completely different menus with things like auto layout. I just have no clue what you did because you didn't talk. Glad everyone else got it.
this tutorial was my first app design in my UI Jounrey. Thanks a lot for this in-depth tutorial loved your presentation and design thinking. 🥰
Thanks
Great video, slowly explained for dumb dumbs like me, thanks!
Thank you so much for the tutorial. This is so helpful 😄
so fast bro calm down Im new at this
I understand it now. Thanks!
Thank you!
This is very helpful however you moved very fast. Maybe slow down next time for beginners
thank you for your tutorial!
Instead of -1080-1080-1080 you can simply write -1080*3
Try to scroll down, let see if your navigation will stay on fix position or it will scroll down.
holy, just save my life
9:17
figma file not working
My loading wheel is not rotating when I test in in prototype.. any help?
By far the best and most useful tutorial for building a real flexible menu. Zhank you so much.
Hi! This was very helpful, it did move a little fast but if I put it in a slower speed I was able to follow better. I do have one problem... now that I am using this menu for an actual navigation, I can't have more than one click instance for the options. For example, Option 1 is set to go to the view on click, but I also need it to navigate to a page. Is there a way to bypass this?
Why is this so painful!? It's been part of the web for over a decade.
29min for what should be 2min
This channel is the best channel everrrr 😩
The best tutorial on the subject! The real deal!!
thank you so much, I've been struggling for hours to wrap up a mobile web design because I couldn't figure out how to make a menu that's actually functional
in my figma there is no spacing mode in advance layout... how can i fix it ?
Thank you! Gave me information that a paid course couldn't!
Every time i add auto layout to the small label and the top line vector, my vector ALWAYS moves and I'm following everything in the video!😭 how do i fix?
Thank you so much! I made a button of Spotify 🤍🤍
I love how you constantly go back and explain how and why you do the auto lay out, and re-explain the necessity to do so on multiple elements. You definitely speak in a way where it seems you understand the questions that the audience will have. Great work, I know its not easy to make these videos, but, a year later, it is helping me
❤️❤️❤️
This is such a clear video The only thing that could be better is a bit of a pause when explaining, but hey, we have yt so I could just rewind. I learned so much!
thanks
Super helpful, man. Thanks!
Figma balls
Lmaooooo
@@mavidesign anyway thx to you I get to keep up my lie on my resume
thanks mr I'm gonna
I cannot find the 'content' option in the design bar that's referred to before creating a variant? I've tried Google search with no luck. anyone have any idea or similar issues?
Can anyone explain why my sections shrink together when I use global autolayout? I`m clueless
also my header dissapeared, there`s only the frame but no logo etc