MockStudioBuscar
← Guia
Capturar telas

Capturar estados (menus e combos abertos)

Vídeo · Capturar telas · 1min21s

Muitos sistemas só montam os itens de um menu ou combo quando você clica. Na captura normal esses itens não existem. O estado resolve isso: é uma captura da mesma tela com o menu ou combo aberto.

Com o estado, o próprio app faz o combo funcionar no mock, na hora e sem IA: em cerca de 1 segundo ele abre com exatamente os mesmos itens e o mesmo visual do sistema real. Escolher um item mostra o valor no combo.

Passo a passo (nesta ordem)

  1. Abra Navegar e capturar e entre na tela do sistema.
  2. Com tudo fechado, clique em Capturar página. (Se capturar com o menu aberto, a página fica "congelada" com ele aberto.)
  3. Na mesma janela, clique no combo ou menu para abri-lo no sistema real.
  4. Clique em Capturar estado. O app guarda o print, a lista aberta e qual elemento você clicou.
  5. Aparece a mensagem Estado capturado:
    • Fazer funcionar agora: o app volta para a tela principal e liga o combo no mock, na hora.
    • Capturar outro estado: feche o combo, abra o próximo e capture de novo. Repita para cada combo.
    • Fechar: só guarda; dá para fazer funcionar depois.

Vários combos? Capture um estado para cada combo (abre, Capturar estado, fecha, abre o próximo…). Depois clique em Tornar funcional na página: o app liga todos de uma vez, em poucos segundos.

Se a tela ainda não foi capturada como página, o app oferece capturar a página primeiro.

Onde ver e usar depois

Abra a página → painel Elemento (sem nada selecionado) → Referências da captura: a captura original e cada estado.

  • Fazer funcionar embaixo do estado: liga aquele combo ao mock, na hora.
  • ✓ Funcionando: o combo já abre no mock. Refazer liga de novo (use se o elemento mudou de lugar).
  • Clique na imagem para ampliar. Passe o mouse e use a lixeira para remover um estado (o combo deixa de abrir).

Quando o app não consegue sozinho

Raramente o app não acha o combo. Aí ele avisa e oferece Pedir à IA, que já recebe o elemento, as opções e o trecho da lista prontos (leva de 1 a 3 minutos, em vez de vários). Os casos mais comuns:

  • "Não achei nenhum menu ou combo aberto": o estado foi capturado com tudo fechado. Veja o print; capture de novo com a lista aberta.
  • "Não achei no mockup o elemento que abre a lista": a página foi muito alterada depois da captura. A IA resolve com o contexto pronto.

Como a IA usa os estados

Quando a IA torna funcional algo que o app não ligou sozinho, ela é obrigada a usar só itens que existem na captura original e nos estados. Se faltar, avisa em vez de inventar.

Não funcionou?

  • Combo continua sem abrir: o estado foi capturado mas não ligado. Clique em Fazer funcionar.
  • A página ficou com o menu aberto o tempo todo: a página foi capturada com o menu aberto. Exclua a página, capture de novo com tudo fechado e só depois capture o estado.
  • A lista aparece um pouco diferente: ícones desenhados só por CSS do site (setas, marcadores) podem não aparecer na cópia. Os itens, textos e a ordem são sempre os do sistema real.
Próximo tópicoBiblioteca de telas