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