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

Como criar FILTRO de SELEÇÃO única no FIGMA (SINGLE SELECT com CHIPS)

ericles batista

0:00 / 0:00

Como criar FILTRO de SELEÇÃO única no FIGMA (SINGLE SELECT com CHIPS)

323 просмотра · 1 г. назад
ericles batista
14 тыс. подписчиков
323 просмотра · 1 г. назад
Nesse tutorial você vai aprender a criar um filtro de seleção única no Figma, usando variáveis booleanas e modos para controlar a exibição de categorias. O filtro permite selecionar apenas uma categoria por vez (como celular, notebook ou console) ou visualizar todas as opções ao mesmo tempo com o botão “Tudo”. Esse recurso é perfeito para protótipos de e-commerce, filtros de produtos, apps de listagem e sistemas de busca. 🔔 Inscreva-se no canal para mais tutoriais de Figma e prototipagem interativa! --- Capítulos do vídeo: 00:00 Introdução 00:20 Criando variáveis booleanas para categorias 01:00 Atribuindo variáveis aos itens e chips 01:40 Entendendo os modos (Mode 1 e Mode 2) 02:30 Configurando o filtro para “Celular” 04:50 Ajustando interações para Notebook e Console 06:00 Criando lógica para botão “Tudo” 07:00 Testando o filtro em diferentes ordens 08:00 Explicando a lógica dos modos automáticos e declarados 09:40 Conclusão