Como criar DROPDOWN Interativo no FIGMA (do Zero)
ericles batista
0:00 / 0:00
Como criar DROPDOWN Interativo no FIGMA (do Zero)
673 просмотра · 11 мес. назад
ericles batista
14 тыс. подписчиков
673 просмотра · 11 мес. назад
Nesse tutorial você vai aprender a criar um dropdown interativo e lista de itens no Figma em seus diferentes estados usando apenas um componente principal.
Esse recurso é ideal para protótipos de sites e sistemas.
Conheça o material design: https://m3.material.io/
🔔 Inscreva-se no canal para mais tutoriais práticos de Figma e prototipagem interativa!
--
Capítulos:
00:00 Introdução
00:20 Estrutura do dropdown e bibliotecas
01:00 Criando o componente base
02:00 Configurando autolayout e estilos
03:00 Estados do dropdown
04:00 Criando item list
05:00 Slot component
06:30 Configurando sombras, espaçamentos e estilos
07:20 Definindo interações de hover e clique
08:00 Criando listas
09:00 Ajustando responsividade do dropdown
10:00 Testando o dropdown