Na aula de hoje, embarcaremos em uma jornada para criar nosso primeiro componente no design: um alerta de notificação. Este não será apenas um simples aviso, mas um componente versátil, com várias variantes em estilo e tamanho para se adaptar às diversas necessidades de nossos usuários. A abordagem será passo a passo, garantindo que cada detalhe importante seja explorado e discutido, desde a anatomia básica do componente até a sua estética e variantes.

Utilizaremos o Figma como nosso espaço criativo, onde construiremos o componente, incorporando ícones, textos e as especificações necessárias. A intenção é que aprendamos não só a criar, mas a compreender a lógica por trás do design de alertas, permitindo que se tornem efetivos na comunicação com os usuários. Vamos explorar diferentes tipos de alertas - como os de sucesso, aviso e erro - e garantir que cada versão respeite a identidade visual que estamos estabelecendo.

Ao final, estaremos capacitados não só para apresentar nosso componente de forma elegante, mas também para documentar seu uso e funcionalidade dentro de um design system. Com esse conhecimento, estaremos prontos para avançar e aplicar o que aprendemos em outros componentes, assegurando que nossa interface seja coesa e intuitiva. Se você está curioso para saber como criar tudo isso de forma prática e eficiente, prepare-se para se envolver nessa aula cheia de insights sobre design!