Create an Alert Window Using Component Properties (Figma Tutorial)

Published: 10 October 2022
on channel: Mavi Design
8,145
111

Visit my STORE: https://bit.ly/mavi-design-store
Explore Mavi Design COURSES : https://bit.ly/mavi-design-courses

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


On this page of the site you can watch the video online Create an Alert Window Using Component Properties (Figma Tutorial) with a duration of hours minute second in good quality, which was uploaded by the user Mavi Design 10 October 2022, share the link with friends and acquaintances, this video has already been watched 8,145 times on youtube and it was liked by 111 viewers. Enjoy your viewing!