Visit my STORE: https://bit.ly/mavi-design-store
Explore Mavi Design COURSES : https://bit.ly/mavi-design-courses
Download FIGMA for FREE: https://bit.ly/get-started-with-figma
Take FULL advantage of ALL FIGMA's features: https://bit.ly/figma-professional-plan

In this video we're going to use Figma component properties to create an alert window with 4 types:
• Error alert
• Warning alert
• Info alert
• Success alert

You'll be then easily able to select which one of these you'd like to display and also easily enter the text contents thanks to component properties. We will also be creating icons for these windows and I'll show you everything step-by-step, concisely and explain each step of the process.

This tutorial was inspired by MUI.com that translates Google Material Design into React:
https://mui.com/material-ui/react-alert/


0:00 – The Result
0:28 – ANNOUNCEMENT
0:45 – Design

————————
© 2022 Mavi Design