Solucionado
Foi apresentado como definir a estrutura de página no figma, porém eu não entendi de onde o professor puxou esse componente de estruturação com essa preparação de nav, section, header, posição e afins... Já existe isso pronto para ser utilizado no figma? Onde?
Aproveitando para outra pergunta: como essa estruturação colabora com o SEO do site?
Oi, Thatyana! Tudo bem?
Quanto ao componente chamado "structure", é utilizado para definir a estrutura semântica da página, como nav, section, header, entre outros. Esses componentes ajudam a organizar a navegação e a leitura da página, especialmente para tecnologias assistivas como leitores de tela.
No Figma, você pode criar seus próprios componentes ou procurar bibliotecas de componentes (https://www.figma.com/community/search?resource_type=mixed&sort_by=relevancy&query=components&editor_type=all&price=all&creators=all) já prontas na comunidade Figma. Muitas vezes, designers compartilham seus kits de UI que incluem esses elementos estruturais. Você pode buscar por "semantic components" (https://www.figma.com/community/search?resource_type=mixed&sort_by=relevancy&query=semantic+components&editor_type=all&price=all&creators=all) ou "accessibility components" (https://www.figma.com/community/search?resource_type=mixed&sort_by=relevancy&query=accessibility+components&editor_type=all&price=all&creators=all) na aba de Comunidade do Figma para encontrar algo que atenda suas necessidades.
Sobre a colaboração dessa estruturação com o SEO, é importante lembrar que a semântica do HTML ajuda os motores de busca a entenderem melhor o conteúdo da sua página. Usar tags semânticas como header, nav, section e main em vez de div genéricas melhora a acessibilidade e a indexação do conteúdo, facilitando que os motores de busca identifiquem a hierarquia e relevância das informações, ok?
Espero ter ajudado e qualquer dúvida estarei aqui!
Até mais!
Super entendido, Yasmin! Ajudou muito! Obrigada!