MockStudioBuscar
← Guia
Editar o mockup

Tornar funcional

Vídeo · Ações e modais sem código · 1min13s

Na captura, o app copia o visual mas remove o JavaScript do site (senão o mock tentaria falar com o servidor real e quebraria). Por isso, logo após capturar:

  • Já funcionam: selects nativos, campos de texto, checkbox, radio, links para páginas capturadas.
  • Ainda não funcionam: menus, combos customizados, abas e modais que dependiam do JavaScript do site.

Tornar funcional faz esses itens funcionarem no mock, mantendo o visual, em duas etapas:

  1. Na hora, sem IA: todo combo ou menu que tem estado capturado é ligado pelo próprio app, em cerca de 1 segundo cada, com os itens e o visual do sistema real.
  2. Só se sobrar algo: o app mostra quantos elementos ainda parecem menu, combo ou aba sem estado e pergunta se você quer Pedir à IA. A IA recebe a lista desses elementos já pronta, então trabalha bem mais rápido do que procurando sozinha. Mesmo assim leva alguns minutos.

Dica para ganhar tempo: com combos, capture o estado aberto de cada um (Navegar e capturar → abrir o combo → Capturar estado). Fica na hora e idêntico ao real, sem esperar a IA.

Como usar

Qualquer uma destas opções:

  • Logo após capturar: botão Tornar funcional na mensagem de sucesso.
  • Painel Elemento (sem seleção) → Tornar funcional.
  • Botão direito na página da lista → Tornar funcional.
  • Automático: ⚙ Configurações → Tornar funcional automaticamente após capturar.

Fidelidade: o Claude não inventa

O Claude usa só itens e textos que existem na captura original, nos estados e nos prints. Se um menu não tinha os itens na captura, ele avisa quais faltam. Aí você pode:

  • Capturar o estado com o menu aberto e pedir de novo; ou
  • dizer os itens no chat: "o menu Relatórios tem: Vendas, Estoque, Financeiro".

Ficou diferente do real?

Selecione o item, peça "ajuste este menu para ficar igual ao estado capturado", ou restaure a página (botão direito → Restaurar versão capturada) e tente de novo depois de capturar os estados.

Próximo tópicoAssistente de ações (passo a passo)