Nesta aula, damos o primeiro passo na criação do nosso Design System, iniciando com a construção de uma página de boas-vindas, a Welcome. Esta página irá fornecer uma introdução clara ao Design System, destacando a missão, valores e os principais componentes que serão desenvolvidos ao longo do curso. Você verá exemplos práticos de grandes empresas como Google e IBM e aprenderá como estruturar sua própria página, utilizando placeholders que você mesmo pode personalizar.

Em seguida, vamos passar para o Figma, onde você será guiado por um passo a passo sobre como criar e formatar sua página, incluindo o uso de elementos como botões e ilustrações. Iremos explorar funcionalidades do Figma, como Auto Layout, além de alternativas para aceleração no processo de criação, como o uso de prompts para geração automática de conteúdo, facilitando o trabalho dos designers.

Conforme avançamos, também tocaremos nos fundamentos do Design System, incluindo acessibilidade e branding, preparando o terreno para o aprofundamento no nosso projeto. Existe uma vasta gama de elementos que podemos incluir na página inicial, e através de dicas preciosas, suas criações ganharão um toque de profissionalismo com muito mais facilidade. Não perca a oportunidade de estruturar um Design System coeso e visualmente atraente que será útil em futuros projetos!