Mavi Design
Mavi Design
  • Видео 368
  • Просмотров 4 169 710
"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
Просмотров: 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

Комментарии

  • @Shaaiene
    @Shaaiene 7 минут назад

    Incredible video. Now how can I make an animation where this interaction disappears and then the message text appears?

  • @MujahidOmer
    @MujahidOmer Час назад

    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.

  • @safiasoomro6497
    @safiasoomro6497 2 часа назад

    You are great.

  • @saudmussadiq7180
    @saudmussadiq7180 7 часов назад

    hey Mavi design love the videos, can you please do such a video for desktop app has well, looking forward

  • @cd78
    @cd78 19 часов назад

    bad demo.

  • @shamzc7641
    @shamzc7641 День назад

    Is it possible to add one more menu in one header instance independently?

  • @riptide_w
    @riptide_w День назад

    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 :)

  • @AmericanAbroad70
    @AmericanAbroad70 День назад

    Wow very helpful thanks a lot!

  • @G_lions
    @G_lions День назад

    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

  • @GordonWhiteDesigns
    @GordonWhiteDesigns День назад

    Im following the settings perfectly but the text is still breaking out of the main container.

  • @syed-lk3ux
    @syed-lk3ux День назад

    will it use keyboard??????? resolve my problem

  • @petrondrejfilip
    @petrondrejfilip 2 дня назад

    I would like to see the full tutorial.

  • @Moominlover940
    @Moominlover940 4 дня назад

    Hi! I'm not able to connect them like at 9:33. Does anyone know why that may be the case?

  • @marievl7284
    @marievl7284 4 дня назад

    absolute legend, you explain everything great

  • @No_name_guy_
    @No_name_guy_ 5 дней назад

    thanks

  • @arisethee
    @arisethee 5 дней назад

    figma is so white i cant see the chapter text for youtube

  • @ManhwaQuinn
    @ManhwaQuinn 5 дней назад

    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?

  • @FLORANCE-
    @FLORANCE- 5 дней назад

    Can you please make a video tutorial about how to design an Instagram reel ❤

  • @chinelookoroafor3979
    @chinelookoroafor3979 5 дней назад

    So simple, thank you so much

  • @ZyNx50
    @ZyNx50 5 дней назад

    2:49 how he does the duplicate?

  • @04balajisenthil
    @04balajisenthil 6 дней назад

    That was sooo sooo easy man!! Thanks :)

  • @virtualarcade
    @virtualarcade 6 дней назад

    Amazing video. Thanks

  • @abhijeetpatil9819
    @abhijeetpatil9819 6 дней назад

    Great tutorial 😊

  • @abdirasakaliahmed7528
    @abdirasakaliahmed7528 7 дней назад

    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?

  • @drhuh8274
    @drhuh8274 8 дней назад

    totally amazing!

  • @HassanOmariprofile
    @HassanOmariprofile 8 дней назад

    thanks alot

  • @lorena12333
    @lorena12333 8 дней назад

    Thank you!

  • @EmiPubmarket
    @EmiPubmarket 8 дней назад

    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...

  • @afrinpathan8474
    @afrinpathan8474 9 дней назад

    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

  • @arifblack9620
    @arifblack9620 9 дней назад

    Start from 04:50 if you want to skip all the boring BS

  • @DavidAtMidknight
    @DavidAtMidknight 9 дней назад

    What if you need to fit more than just a text box into the open state. How do I add other components as well?

  • @MrsAmerica2010
    @MrsAmerica2010 9 дней назад

    Can you say the shortcuts you use bc it makes it more complicated to try and guess

  • @yan-hs9sn
    @yan-hs9sn 11 дней назад

    thank you, this is very useful

  • @9inety9ine-vg3km
    @9inety9ine-vg3km 11 дней назад

    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🤡

  • @vamboo8918
    @vamboo8918 11 дней назад

    thanks

  • @AgosArg
    @AgosArg 12 дней назад

    Top class as always and that gradient looks so great! Thank you :)

  • @Winifred_N
    @Winifred_N 12 дней назад

    Thank you so much!!! Your videos are super helpful! 🥹

  • @VUATV
    @VUATV 12 дней назад

    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.

  • @andrewstrasser
    @andrewstrasser 13 дней назад

    For mobile what can you do instead of Hover

  • @jaykaralkar
    @jaykaralkar 13 дней назад

    8:18 only bouding box is increasing in size; the white portion stays intact !!?

  • @andrewstrasser
    @andrewstrasser 13 дней назад

    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!

  • @juanitalopez1746
    @juanitalopez1746 14 дней назад

    En Español.porfavor

  • @Ambomon
    @Ambomon 14 дней назад

    Great tutorial! How do you make the variants line horizontally? By using auto layout?

  • @mabroukatis
    @mabroukatis 15 дней назад

    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?

  • @MarkBuckland
    @MarkBuckland 15 дней назад

    Great tutorial, but much more straight forward in Axure. Seems like a lot of effort to create a dropdown.

  • @birdofprey108
    @birdofprey108 15 дней назад

    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.

  • @stargazing0010
    @stargazing0010 16 дней назад

    your tutorials are lifesavers fr

  • @queenzzz6892
    @queenzzz6892 16 дней назад

    Thank you for the tutorial ! It's very helpful :)

  • @roshnimondal7056
    @roshnimondal7056 16 дней назад

    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?

  • @rociosmac6134
    @rociosmac6134 17 дней назад

    I´d like to see the full tutorial please 😇