Перейти к содержимому

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