Organizar
Anotações em prints
Tire um print da página e marque o que importa: retângulos, círculos, setas, textos, balões de informação, números de passo, marca-texto, destaque (escurece o resto) e desfoque (para esconder dados). As anotações ficam salvas no projeto e continuam editáveis.
Criar uma anotação
Clique em ✎ Anotar (barra acima da página) e escolha:
- Da área visível (como está agora) — o print sai exatamente como está na tela, inclusive com um modal ou menu aberto. O chat e as marcações de seleção não aparecem no print.
- Da página inteira — a página toda, do topo ao fim.
- De uma imagem do computador… — qualquer PNG/JPG (ex.: um print do sistema real).
Você também pode anotar as Referências da captura (painel da direita): passe o mouse sobre a imagem e clique no ícone ✎.
Ferramentas
As ferramentas ficam na barra da esquerda. Entre parênteses está a tecla de atalho.
| Ferramenta | Como usar |
|---|---|
| Selecionar (V) | Clique numa marcação para selecionar e arraste para mover. Puxe as bolinhas para redimensionar. Clique duas vezes num texto ou balão para editar. |
| Retângulo (R) / Círculo (O) | Arraste em volta do que quer destacar. |
| Seta (A) | Arraste do início até onde a seta deve apontar. |
| Texto (T) | Clique, digite e aperte Enter (Shift+Enter quebra a linha). |
| Balão (B) | Clique (ou arraste), digite e aperte Enter. Depois puxe a ponta do balão até o elemento. |
| Número (N) | Clique para colocar 1, 2, 3… na ordem dos passos. |
| Marca-texto (H) | Arraste para pintar com cor transparente. |
| Destacar área (S) | Arraste sobre a parte importante: o resto fica escuro. |
| Desfocar (X) | Arraste sobre nomes, CPFs e valores que não podem aparecer. |
No topo do editor:
- Cores e espessura (fina, média, grossa). A espessura também muda o tamanho do texto. Com uma marcação selecionada, a mudança vale para ela.
- Desfazer / Refazer (
Ctrl+Z/Ctrl+Y). - Apagar a marcação selecionada (
Delete). - Ajustar (cabe na tela) ou 100%.
Salvar e usar
- Salvar (
Ctrl+S) — guarda as marcações e gera a imagem final emanotacoes/anotacao-NNN/imagem.pngdentro do projeto. - Copiar — copia a imagem anotada para colar em e-mail, Teams, Word…
- Pasta — abre a pasta da anotação.
- No documento do dev (ligado por padrão) — a imagem anotada entra no documento para o dev, na página de onde veio.
Ver todas
✎ Anotar → Ver todas as anotações abre a galeria. Em cada anotação você pode:
- Editar;
- Usar no chat — escreve "Veja a anotação 3…" para o Claude, que abre a imagem e entende o que você marcou;
- Mostrar na pasta;
- Excluir.
As anotações são numeradas (1, 2, 3…), então você também pode citar no chat: "faça o que está na anotação 2".