- Видео 368
- Просмотров 4 169 710
Mavi Design
Чехия
Добавлен 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 😊
"Sustainable Fashion" Social Media Banner (Figma Tutorial + Source File)
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: ruclips.net/p/PLCUPtxXqnWn0AMIjZmNdkrzWVjLHOW2NT
In this video we'll create a niche social media ad banner focused on sustainable fashion
#figma #marketing #ad #banner
--------
© 2024 Mavi Design
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: ruclips.net/p/PLCUPtxXqnWn0AMIjZmNdkrzWVjLHOW2NT
In this video we'll create a niche social media ad banner focused on sustainable fashion
#figma #marketing #ad #banner
--------
© 2024 Mavi Design
Просмотров: 1 609
Видео
I Made The "Home" Icon More Realistic (Figma Tutorial + Source File)
Просмотров 7523 месяца назад
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: ruclips.net/p/PLCUPtxXqnWn0AMIjZmNdkrzWVjLHOW2NT In ...
How To Design This Banner Ad in Figma (Tutorial + Source File)
Просмотров 7653 месяца назад
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: ruclips.net/p/PLCUPtxXqnWn0AMIjZmNdkrzWVjLHOW2NT In ...
Let’s Design A Banner Ad For Your Design Agency (Figma Tutorial + Source File)
Просмотров 5153 месяца назад
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: ruclips.net/p/PLCUPtxXqnWn0AMIjZmNdkrzWVjLHOW2NT In ...
A Search Icon, But Make It Complicated (Figma Tutorial + Source File)
Просмотров 5823 месяца назад
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: ruclips.net/p/PLCUPtxXqnWn0AMIjZmNdkrzWVjLHOW2NT In ...
Animations in Figma are Simpler Than You Think
Просмотров 1 тыс.3 месяца назад
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: ruclips.net/p/PLCUPtxXqnWn0AMIjZmNdkrzWVjLHOW2NT Let...
Design an App from Scratch in Figma (Tutorial)
Просмотров 15 тыс.5 месяцев назад
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 тыс.6 месяцев назад
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: ruclips.net/p/PLCUPtxXqnWn0AMIjZmNdkrzWVjLHOW2NT In this video I'm going to show you how I combine / integrate Figma a...
Create an ADD TO FAVORITES Interactive Component in Figma (Tutorial)
Просмотров 3 тыс.6 месяцев назад
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: ruclips.net/p/PLCUPtxXqnWn0AMIjZmNdkrzWVjLHOW2NT In ...
Create a CHECKBOX DROPDOWN MENU in Figma (Tutorial)
Просмотров 6 тыс.7 месяцев назад
Get the SOURCE FILES for this project ($1.99): payhip.com/b/3IZ1w 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: ruclips.net/p/PLCUPtxXqnWn0AMIjZmNdkrzWVjLHOW2NT In ...
Creating a Photorealistic AirPods Illustration in Figma - Voiceless Tutorial (Source File Available)
Просмотров 2,1 тыс.7 месяцев назад
Get the SOURCE FILES for this project ($1.99): payhip.com/b/lvDIh 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: ruclips.net/p/PLCUPtxXqnWn0AMIjZmNdkrzWVjLHOW2NT In ...
Redesigning Random Icons For No Reason (Figma)
Просмотров 1,1 тыс.7 месяцев назад
Redesigning Random Icons For No Reason (Figma)
Is Digital & UX Design Becoming Increasingly "BORING"? And Why? [Well Designed ep.03]
Просмотров 1,2 тыс.8 месяцев назад
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]
Просмотров 7678 месяцев назад
What's the FASTEST Way To Improve as a Designer? [Well Designed ep.02]
What is Good Design? [Well Designed ep.01]
Просмотров 1 тыс.8 месяцев назад
What is Good Design? [Well Designed ep.01]
This Design Technique Will Instantly Put You Ahead of 95% of Designers
Просмотров 3,6 тыс.9 месяцев назад
This Design Technique Will Instantly Put You Ahead of 95% of Designers
How To Make Boring Stuff Look Interesting (Figma #ux #ui #course)
Просмотров 2,8 тыс.10 месяцев назад
How To Make Boring Stuff Look Interesting (Figma #ux #ui #course)
SET VARIABLE and CONDITIONAL in Figma: The SIMPLEST EXPLANATION Using an Example
Просмотров 10 тыс.10 месяцев назад
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
Просмотров 9 тыс.10 месяцев назад
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
Просмотров 24 тыс.10 месяцев назад
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 тыс.10 месяцев назад
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 тыс.10 месяцев назад
VARIABLES IN FIGMA - Effortless Consistency in Your Design Projects #config2023
RESPONSIVE FIGMA AUTO LAYOUT - The Gamechanger Figma Feature is Here #config2023
Просмотров 30 тыс.10 месяцев назад
RESPONSIVE FIGMA AUTO LAYOUT - The Gamechanger Figma Feature is Here #config2023
INTERACTIVE COMPONENTS in FIGMA - What They Are & How To Use Them (Tutorial)
Просмотров 1,7 тыс.11 месяцев назад
INTERACTIVE COMPONENTS in FIGMA - What They Are & How To Use Them (Tutorial)
ORGANIZE YOUR VARIANTS in Figma: A Simple Technique
Просмотров 1,9 тыс.11 месяцев назад
ORGANIZE YOUR VARIANTS in Figma: A Simple Technique
RENAMING LAYERS in Figma: A Few Quick Tips
Просмотров 3 тыс.11 месяцев назад
RENAMING LAYERS in Figma: A Few Quick Tips
WEB DESIGN IN FIGMA ep. 29: Color Tokens + CTA Section Redesign - Free UX / UI Course
Просмотров 2,9 тыс.11 месяцев назад
WEB DESIGN IN FIGMA ep. 29: Color Tokens CTA Section Redesign - Free UX / UI Course
Watch This To Finally Understand FRAME CONSTRAINTS in Figma
Просмотров 17 тыс.11 месяцев назад
Watch This To Finally Understand FRAME CONSTRAINTS in Figma
Watch This to Finally Understand FILL CONTAINER, HUG CONTENTS and FIXED WIDTH in Figma
Просмотров 31 тыс.11 месяцев назад
Watch This to Finally Understand FILL CONTAINER, HUG CONTENTS and FIXED WIDTH in Figma
WEB DESIGN IN FIGMA ep.28: Customers Page pt.2 (Hover Interaction, Finalizing) - Free UX / UI Course
Просмотров 2,2 тыс.11 месяцев назад
WEB DESIGN IN FIGMA ep.28: Customers Page pt.2 (Hover Interaction, Finalizing) - Free UX / UI Course
Incredible video. Now how can I make an animation where this interaction disappears and then the message text appears?
I love the tip on copy pasting the inner components to avoid manual prototype linking. However, I feel figma can do better with the prototyping logics here. Since all radio selections can only have one active state at a time, it'd be much more amazing if figma prototype could have this logic: Have only one component with 'active' state at a time. They already have everything needed to build this logic. I wonder why they haven't yet. I'm sure it'll come handy to every designer.
You are great.
hey Mavi design love the videos, can you please do such a video for desktop app has well, looking forward
bad demo.
Is it possible to add one more menu in one header instance independently?
is it possible to make the last photo wrap around back to the first one? ill try to figure it out on my own but if anyone has ideas feel free to help me out :)
Wow very helpful thanks a lot!
Great explaination I have subscribed. Can I ask what the main difference is bewteen this approach Fram constarints nd using auto layout? I have just started to learn Figma so please excuse the question if it is silly. Thanks
Im following the settings perfectly but the text is still breaking out of the main container.
will it use keyboard??????? resolve my problem
I would like to see the full tutorial.
Hi! I'm not able to connect them like at 9:33. Does anyone know why that may be the case?
absolute legend, you explain everything great
thanks
figma is so white i cant see the chapter text for youtube
Hi, thanks for the tutorial, just a question tho... by pressing this does it really subscribe in the channel or is it something to be done when creating the actual website itself by adding plugin or embedded code?
Can you please make a video tutorial about how to design an Instagram reel ❤
So simple, thank you so much
2:49 how he does the duplicate?
That was sooo sooo easy man!! Thanks :)
Amazing video. Thanks
Great tutorial 😊
Hello, @Mavidesign thanks for your effort to make as expert designers, i wanna ask you something in this Video, when i click field 1 and become active field, when I want to click i want to make the previous actived field become inactive while i want activating another field. How i can make that?
totally amazing!
thanks alot
Thank you!
What's the most important part of getting that accordion animation? I've designed my dropdown menu, but it isn't working by just to put 'autolayout' on it. The menu does not move while one dropdown menu is open...
overall i have made but i stuck on while scrolling my second page title "features" goes up slighty to my first page what should i do to correct
Start from 04:50 if you want to skip all the boring BS
What if you need to fit more than just a text box into the open state. How do I add other components as well?
Can you say the shortcuts you use bc it makes it more complicated to try and guess
thank you, this is very useful
Your the worst man. How the fuck would a noob lean how to create a header with such explanation. Why aren't you explaining and creating from scratch? Worst part you talk like your bout to go🤡
thanks
Top class as always and that gradient looks so great! Thank you :)
Thank you so much!!! Your videos are super helpful! 🥹
I have followed every step and even made it 3 times but somehow I could never connect the Option 1 in the drop menu to the Option 1 selected at 9:29. Can anyone please help me? I learning figma in 2024 version.
For mobile what can you do instead of Hover
8:18 only bouding box is increasing in size; the white portion stays intact !!?
isnt' there a faster way of doing this with conditional logic and variables? i want something that dynamically allows me to scale and add more options!
En Español.porfavor
Great tutorial! How do you make the variants line horizontally? By using auto layout?
Is the fill for both children ALWAYS 50/50? I have two children containers that must both stay fill in width, but one of them is wrap container and 50/50 seems to have ugly consequences. The wrap is for sorta sidebar that has additional contents. The wrap extends pushing the other container (the main container that I wish to keep wide). The remedy to that was to set the wrap into a single column, but sometimes the width is to great and I think it would be better to exapnd to fill the device screen. But not to expand in a 50/50, maybe 70/30. And of course, I experimented with all sorts of max width for all elements, still the responsive behaviour looks ugly. any solution to that?
Great tutorial, but much more straight forward in Axure. Seems like a lot of effort to create a dropdown.
I wondered if you can set this up with some conditional logic relative to the prototype scroll state in variables.. Looks like this is the easiest way.
your tutorials are lifesavers fr
Thank you for the tutorial ! It's very helpful :)
This is really great and flexible! I question is can we make it flexible enough to have another option say Option 4 at the instance level without touching the Parent component?
I´d like to see the full tutorial please 😇