Pular para o conteúdo

Recortar — mostre ao MonstarX uma parte da página

ResumindoClique em Recortar na barra da prévia e arraste uma caixa ao redor de qualquer coisa na página, ou clique em um elemento. Uma imagem exatamente do que você vê — com a rolagem, os menus abertos e os campos preenchidos — vai para a caixa de texto como Recorte 1, com o nome da página. Adicione vários, escreva sua mensagem e envie em qualquer modo.

Algumas coisas são mais fáceis de mostrar do que de explicar: um botão esquisito, um espaço sobrando no layout, uma mensagem de erro em um formulário. O Recortar captura exatamente essa parte do app em execução e coloca na sua mensagem — aí basta digitar “corrija isso”.

Uma caixa desenhada ao redor de dois botões vira o Recorte 1 na caixa de texto, pronto para ser enviado com uma pergunta.
  1. Na aba Prévia, deixe a página do jeito que você quer mostrar — role até o ponto certo, abra o menu, preencha o formulário.

  2. Clique em Recortar na barra da prévia (a tesoura). Uma barra na parte de baixo da prévia diz Arraste uma caixa ou clique em um elemento.

  3. Arraste uma caixa ao redor do que você quer mostrar — ou clique em um único elemento. Ao passar o mouse, o elemento que um clique vai pegar fica contornado.

  4. A imagem vai para a sua mensagem (a barra mostra Adicionado à sua mensagem) e o cursor passa para a caixa de texto. O Recortar continua ligado, então você pode recortar mais.

  5. Digite sua mensagem, escolha um modo e envie. Clique em Concluído ou aperte Esc para sair do Recortar.

Cada recorte aparece na caixa de texto como Recorte 1, Recorte 2 e assim por diante, com a página de onde veio. Clique no × de um recorte para removê-lo.

Uma imagem exatamente do que está na tela dentro daquela caixa: a página com a rolagem que você fez, os menus abertos, o texto digitado nos campos e os cabeçalhos fixos onde estiverem. Campos de senha ficam ocultos na imagem.

Junto com a imagem, o MonstarX recebe:

  • o endereço e o título da página,
  • o tamanho da prévia que você estava vendo (desktop, tablet ou celular),
  • a posição da caixa na página e quanto você tinha rolado,
  • os elementos dentro da caixa e os arquivos onde eles provavelmente estão.

Assim, um recorte mostra ao MonstarX tanto como a coisa está quanto onde ela fica no código.

Em qualquer um — o recorte é só uma parte da sua mensagem:

  • Criar: “Deixe estes dois botões com a mesma altura.” O MonstarX altera o app.
  • Conversar: “Por que este total está errado?” O MonstarX investiga sem alterar nada. Veja Criar, Planejar e Conversar.
  • Planejar: “Quero uma seção como esta na página dos professores.” O MonstarX faz algumas perguntas antes.

Se você enviar recortes sem digitar nada, a mensagem fica Veja o recorte de /pricing.

Uma mensagem leva até 10 arquivos, somando recortes e anexos. Quando ela está cheia, o Recortar avisa: Uma mensagem comporta até 10 arquivos. Envie-a ou remova um para recortar mais.

Uma solicitação da fila que você traz de volta para a caixa de texto para editar volta com os recortes dela.

RecortarModo de edição
O que você enviaImagens em uma mensagem comumUma lista de alterações, uma observação para cada ponto marcado
ModosCriar, Planejar ou ConversarCriar
Ideal paraMostrar um problema, perguntar sobre algo, “deixe parecido com isto”Várias alterações precisas em elementos específicos

Só um dos dois pode ficar ligado de cada vez.

Por que o botão Recortar está apagado?

A prévia precisa estar ativa e mostrando o seu app — o Recortar fica desligado enquanto a prévia inicia ou enquanto um cartão de status a cobre.

Aparece que a prévia foi iniciada antes de os recortes existirem. O que eu faço?

Clique em Reiniciar servidor de desenvolvimento (⟲) na barra da prévia e tente de novo.

Aparece que a prévia ainda não carregou o inspetor.

Recarregue a prévia (↻) e tente de novo.

O MonstarX consegue ver a imagem?

Os modelos que leem imagens veem a própria imagem. Para um modelo que não lê, o MonstarX envia mesmo assim a página, a área e os elementos dentro dela em forma de texto, então ele sabe para onde você apontou.

As pessoas com quem compartilhei o projeto podem usar o Recortar?

Quem tem acesso Pode editar pode. Quem tem acesso Pode ver e comentar aponta para a página usando Comentários — veja Compartilhar e comentar.