Glossário Stroke: Bordas de elementos no design. Slice: Área definida para exportação de partes específicas de um layout. Frame: Prancheta usada para organizar o layout em diferentes tamanhos de tela. Nessa aula, eu mostrei como usar as ferramentas principais do Figma, aplicando diretamente em um projeto real: o aplicativo da Pepper, que foi desenvolvido em 15 dias. Comecei explicando o básico, como usar a ferramenta de mover (ou "setinha") para organizar elementos na tela, e a "mãozinha" para navegar sem alterar o layout. Falei também sobre a ferramenta de escala, que ajusta tamanhos proporcionalmente, mas precisa de cuidado, pois pode distorcer fontes e bordas. Mostrei como criar e organizar pranchetas (frames), essenciais para layouts responsivos, como para celular, tablet e desktop. Expliquei a importância das seções para categorizar grupos de telas e facilitar o trabalho em equipe. Também mostrei como usar slices para exportar partes específicas de um layout, algo útil para carrosséis no Instagram. Em seguida, abordamos ferramentas vetoriais, ideais para criar formas geométricas, e a ferramenta caneta, que permite desenhar linhas e curvas precisas. Além disso, falei sobre como usar texto e comentários no layout para melhorar a organização e a colaboração com o time. Por fim, destaquei a importância de praticar no Figma, explorando os atalhos e aplicando as ferramentas nos seus próprios projetos.