Como usar o Figma: Figma menu tutorial [Atualizado 2024]

Neste vídeo Como usar o Figma: Figma menu tutorial [Atualizado 2024, vamos aprender a construir o menu da nossa landing page no Figma. Já abordamos os conceitos básicos e agora vamos continuar com alguns conceitos mais avançados.

Construção do Menu da Landing Page no Figma
Para começar, vamos utilizar a ferramenta de texto no Figma, ativada pela tecla T no teclado. Clique em qualquer área da prancheta e escreva a palavra "Home" para ser o primeiro botão do nosso menu. Você pode criar um auto layout (um conceito mais avançado) ou duplicar a camada de texto pressionando Ctrl+C e Ctrl+V. Outra maneira é selecionar a camada, segurar a tecla Alt, clicar e arrastar para duplicar o elemento.

Vamos apagar os elementos e começar novamente. Ative a ferramenta de texto com a tecla T, clique e arraste com a tecla Alt para duplicar e escreva "Serviços". Repita o processo para "Blog" e "Sobre Nós". Esses são os botões básicos do nosso menu.

Criação de Botão de Cadastro
Ainda nos conceitos básicos, vamos criar um botão de cadastro. Usando a ferramenta de texto, escreva "Login" e "Cadastre-se". Vamos configurar as propriedades de texto no lado direito da tela. Aqui, você pode alterar a fonte (como a famosa Montserrat), o peso (negrito, regular, etc.), o tamanho da fonte, o alinhamento (direita, esquerda, centro) e o alinhamento por conteúdo.

Selecione a palavra "Login" e mude o peso para negrito (bold). Faça o mesmo com "Cadastre-se". Para simbolizar que essas palavras são links, selecione-as, clique nos três pontinhos na ferramenta de texto e adicione sublinhado (underline).

Configurações Avançadas de Texto
Nas configurações avançadas de texto, você pode modificar a cor de preenchimento, adicionar uma espessura (stroke) ou remover configurações com Ctrl+Z. Em "Effects", você pode adicionar sombras (drop shadow), blur, back blur ou inner shadow.

Criação de Elemento Elipse
Para criar um botão de cadastro em forma de elipse, selecione a tecla O para a ferramenta elipse. Segure a tecla Shift para criar uma elipse perfeita, clique e arraste para desenhar. Configure as propriedades da elipse no lado direito da tela conforme necessário.

Compre aqui os melhores plugins do mercado e de forma totalmente segura eu uso e recomendo, Elementor Pró, CrocoBlock, Essential Addons, WP Rocket e muito mais por apenas R$ 39,90 cada plugin.

https://full.services/?ref=emanuelsilva1

PlayList do canal:
Como Criar Site Profissional com CrocoBlock e JetEngine
   • Como Criar Sites Profissional com Cro...  


Empreendedores e Pessoas que procuraram como fazer renda extra e Web Designers precisam criar um site e podem achar no meu canal diversos tipos de tutoriais de como criar sites no WordPress, Cursos como criar sites WordPress e PlayList focada totalmente nesse tipo de nicho.

Aqui você também encontra Videos de Como Criar sites com Elementor Free, Elementor Pró, JetEngine, CrocoBlock e sei que esses Empreendedores e Web Designers e Designers muitas vezes não podem investir em um profissional na area, pois ainda está no começo de suas jornadas como empreendedores e buscam alternativas de como Criar um Site.

Então Eu resolvi Criar este Canal para ajudar você a começar seu empreendimento e ter mais visibilidade na internet totalmente de forma gratuita.