Como criar um CONTADOR regressivo no FIGMA (Passo a Passo)
ericles batista
0:00 / 0:00
Como criar um CONTADOR regressivo no FIGMA (Passo a Passo)
645 просмотров · 1 г. назад
ericles batista
14 тыс. подписчиков
645 просмотров · 1 г. назад
Nesse tutorial você vai aprender a criar um contador regressivo (cronômetro) no Figma, que começa a contagem a partir do tempo definido e para automaticamente quando chega em zero.
Esse recurso pode ser aplicado em protótipos de apps, telas de login, testes de tempo e muito mais.
📌 O que você vai aprender:
Criar componentes e variantes para o contador;
Usar variáveis de minutos e segundos;
Configurar interações com delay (milissegundos);
Criar loop para a contagem regressiva;
Adicionar condicionais para parar no zero;
🔔 Inscreva-se no canal para mais tutoriais práticos de Figma!
---
Capítulos do vídeo:
00:00 Introdução
00:20 Criando o componente do contador
01:00 Definindo variáveis de minutos e segundos
01:40 Atribuindo variáveis ao contador
02:20 Configurando interação com delay
02:50 Criando loop com variantes
03:40 Ajustando o tempo do contador
04:20 Adicionando condicionais (evitar números negativos)
05:10 Subtraindo minutos quando segundos zeram
05:40 Criando estado zerado do cronômetro
06:30 Testando o contador regressivo no Figma
07:20 Conclusão