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

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