Prototipo interativo de alta fidelidade com estados e transicoes

Especifique um prototipo interativo de alta fidelidade no Figma para [NOME DA FUNCIONALIDADE] de [NOME DO PRODUTO].

Fluxo: [DESCRICAO DO FLUXO COMPLETO]. Numero de telas: [NUMERO].

**1) Mapa de Interacoes:**
Para cada tela, liste:
- Elementos clicaveis/tocaveis (botoes, links, cards, tabs)
- Destino de cada interacao (qual tela ou overlay)
- Tipo de transicao (push, dissolve, smart animate, overlay)
- Duracao e easing

**2) Componentes Interativos (usando Variants do Figma):**
Para cada componente interativo:
- States: default, hover, focused, filled, error, disabled, loading
- Properties: variant name, boolean (show/hide icon), text override
- Exemplos: input de CEP (empty -> typing -> loading -> success com endereco)

**3) Fluxos Condicionais:**
- Decisoes baseadas em input do usuario (ex: tipo de pagamento escolhido)
- Como simular logica condicional no Figma (variaveis + condicionais)
- Branches: pelo menos [NUMERO] caminhos diferentes

**4) Micro-interacoes no Prototipo:**
- Loading spinner ao submeter formulario
- Toast de sucesso/erro
- Accordion de detalhes do pedido
- Progress bar do checkout
- Animacao de cupom aplicado

**5) Dados Realistas:**
- Content mock: nomes, valores, enderecos brasileiros reais
- Imagens de produto reais (nao placeholders)
- Valores monetarios em R$ com formatacao correta
- Mensagens de erro em portugues natural

**6) Responsividade no Prototipo:**
- Versao mobile (375px) e desktop (1440px)
- Como gerenciar os dois prototipos no mesmo arquivo
- Componentes shared vs. especificos por breakpoint

**7) Handoff para Teste:**
- Link de prototipo com configuracoes ideais (hotspots, device frame)
- Script de teste para moderador
- Metricas a capturar durante o teste
- Criterios de sucesso por tarefa

Framework do design system: [NOME DO DS OU 'nenhum'].
Ferramenta: Figma com [AUTO LAYOUT/VARIABLES/CONDITIONAL LOGIC].