Como fazer um MENU DROPDOWN no FIGMA (Protótipo Real Funcionando)

👉 MasterClass O Plano: hericky.com.br...
👉 Conheça o INSITEWP e o CURSO DE UX/UI: hericky.com.br...
Nesse video você irá aprender como fazer um MENU DROPDOWN NO FIGMA de forma profissional. Veja como é simples criar MENU DROPDOWN no FIGMA sem enrolação e com uma didática simples.
🔵Hospedagem + Elementor Pro + WP Rocket e mais 1 plugin grátis
👉sejaturbo.com....
👉 / herickyalencar
👉 Livros de Design
• Design Centrado no Usuário: amzn.to/3huZLLe
• O design do dia a dia: amzn.to/3w7UPkx
• Sprint: amzn.to/3hzcRqW
• Não me faca pensar: amzn.to/2UmFCij
• Mapeamento de experiência: amzn.to/3ylGm6h
• Isto é Design thinking de serviços: amzn.to/2UnMKeE
• Design de interação: amzn.to/2UVxXb3
• Usabilidade móvel: amzn.to/3hagLXX
• Design ergonomia emoção: amzn.to/2Ugq6og
• Lego Serious Play: amzn.to/3dBgsn6
• Design Thinking Brasil: amzn.to/3ylHRkV
• O design do futuro: amzn.to/3AkXafs
Nesse vídeo compartilho parte do processo de uma mentoria prestada para um aluno do Curso O Novo Designer, meu curso de Design para Marketing Digital, Design para Lançamentos e Design de Infoprodutos.
Compartilho regras importantes que podem impactar o desempenho da sua Landing Pages de captação de Leads.
Se você quer aprender mais sobre:
como fazer menu dropdown no figma
menu animado no figma
menu dropdown no figma como fazer
como criar menu dropdown no figma

[@herickyalencar]

👉 Conheça o INSITEWP e o CURSO DE UX/UI: hericky.com.br/descricao

[@vanessamayumi7320]

To emocionada aqui. Depois de assistir vaaarios tutoriais ingles e portugues, ter duvidado da minha capacidade cognitiva e ter uma crise de identidade, graças ao seu tutorial eu finalmente consegui. Obrigada de ❤

[@herickyalencar]

Aee, que bom! ")

[@azullado4568]

Vanessa, faço das suas palavras as minhas kkkkkkk

[@CamilaOliveira-nl6eu]

Muitoooo obrigada!!! Ajudou demais

[@soniamendes192]

Sensacional, demais. Obrigada por compartilhar =)

[@andremarques3769]

Tu é fera! Ajudando demais.

[@mariiacarolinaa]

Obrigada amigo, vc é um amigo :)

[@dgomanoplay5348]

tu é nota 10 mano, NOTA 1000000000000.

[@DevTube_01]

Ajudou muito !!!

[@izaellelavigne4530]

O cara é muito top, misericordia

[@tamiboliveira]

Parabéns! Muito bom!

[@leonardoribeiro489]

muito bom o conteúdo cara, ta me ajudando muito no projeto que estou fazendo 😁 TMJ!

[@prodyage]

MUITO MUITO OBRIGADO @@

[@camilacafardo138]

Muito obrigada! vi muitos vídeos, mas o seu foi o que ajudou de verdade. é simples, didático e objetivo.

[@WillianDDaniel]

eu me escrevi e curti, e gostaria de tirar uma duvida? depois pra transformar em um site? o proprio Figma faz isso pra gente? ou precisamos criar um html, css e javascript?

[@anabrito3382]

Muito obrigada, ajudou mt. Acaso tens algum tutorial de como fazer um counter de carrinho, adicionar ou subtrair itens? E o menu de paginação para navegar pelos produtos de uma loja?

[@efpdesign]

Fantastico

[@thayseloi6558]

Fiz e queria utilizar dentro do POWER BI. Tenho que fazer alguma exportação diferente?

[@drubechini]

Que show! Muito útil 🤩

[@herickyalencar]

sim, ajuda muito!

[@PedroSilva-xl7iw]

nossa finalmente consegui fazer!!! vc é foda, parabéns pela didática!

[@ticianissima]

tenho um layout enorme de um sistema. Sou meia nova no figma, queria saber se vc tem algum video que ensine a replicar componetes, por exemplo; O Menu, o menu muda muito, eu queria fazer um frame de menu e qnd eu mudar nele alterar em TODAS as pages do figma, como faço?

[@mariokollerx]

Fiz exatamente como você demonstrou, porém ao gerar o hover no meu protótipo, ao passar o mouse em cima, o texto não mudou. Continuou como Opção 1, mesmo eu tendo editado a cópia. O que pode ser isso?

[@kazuplays2471]

esperando ele responder sobre isso tbm o meu deu a mesma coisa @herickyalencar

[@honeylavender1122]

What about when you place this component in a real design page, for example a profile settings page with many form fields - and that page has auto layout - when you try to open the drop down, it pushes all the other content down, any way around this?

[@snapegostoso]

Eu consegui fazer, muito obrigado pela ajuda!! Valeu bastante, mas quando eu clico fora ele não fecha sozinho e não tenho essa opção aparecendo para mim. Alguém poderia me ajudar?

[@nataliaangelo4798]

Muito bom!! Mas quando vou usar com outros itens perto dele as opções do dropdown ficam tampadas, alguém pode me ajudar a como resolver?

[@soniamendes192]

Coloquei o dropdown como posição relativa e deu certo

[@chicovieira6009]

Existe uma configuração para eu desenvolver no meu app uma série de funções para cada função do Dropdown? Exemplo, se eu selecionar "Masculino", vai aparecer na área branca uma série de informações. Se eu apertar no "Feminino" vai aparecer uma outra série de informações. Se há, como eu o faria?

[@chicovieira6009]

Em tempo, excelente tutorial! Ajudou muito

[@rogesamp]

Muito bom. Refiz e consegui reproduzir. No entanto, estou tendo dificuldades para fazê-lo linkar com suas respectivas telas...

[@Shaaiene]

Boa tarde! No 15:32 sobre essa parte de relativo e absoluto, não aparece pra mim a opção de clicar em absoluto. Poderia me ajudar nisso?

[@aldisseia]

rapaz, eu não sei fazer é um com interação externa, por exemplo para lincar uma nova pagina... ou abrir um modal...

[@lorenasilva414]

Eu fiz tudo certo, mas no final quando vou testar o protótipo simplesmente não aparece as opções do meu dropdown. Alguém sabe me dizer o por que isso acontece?

[@essevitor]

Muito bom, funcionou direitinho aqui, mas minha dúvida é: como ficaria em um cenário com uma lista enorme? Um dropdown com barra de scroll, tentei reproduzir o mesmo do video, mas estou trabalhando com mais opções e acabou complicando a visualização

[@emanuellebrozulatto3042]

Estou com essa mesma situação 😅

[@slice_culture]

To na mesma, minha lista tem 17 itens e acabou não dando certo :S

[@welitonmeirelesribeiro5330]

Como faço para quando selecionar uma opção do dropdown ir para uma pagina? Exemplo: Selecionando a opção 1 ir para pagina 1 Opção 2 ir para pagina 2?

[@Guicosta36]

Mesma duvida aqui

[@tiagojeronimo3992]

Vlwww!

[@giselelima974]

Olá !!! Q minha lista não funcionou, quando vc criou a lista, vc copiou e colou a cobaia ?

[@Correa-n7j]

po mano o meu quando eu colo dentro do selecione o sexo nao acontece esse bug 15:22

[@TioBladeBR]

o meu tambem não deu o bug e por consequencia não funcionou todo o resto, voce conseguiu resolver?

[@Correa-n7j]

cara nem lembro mais nada só fiz pro meu curso presta atenção e tenta certinho que vc consegue @@TioBladeBR