Barra de Ferramentas

Documentation Index

Fetch the complete documentation index at: https://docs.replit.com/llms.txt

Use this file to discover all available pages before exploring further.

A barra de ferramentas do Canvas é uma barra flutuante ancorada na parte inferior central do quadro. Ela expõe as ferramentas que você usa para navegar, desenhar, editar e adicionar conteúdo. A barra de ferramentas aparece no modo Canvas.

​

Ferramentas

Selecionar uma ferramenta a ativa. A ferramenta ativa é destacada com um fundo preenchido. O conjunto mais à esquerda é de navegação (Interagir, Pan). O restante são ferramentas de conteúdo e marcação. As ferramentas são mutuamente exclusivas, o que significa que selecionar uma desativa as demais.

​

Interagir

Interagir é a ferramenta padrão. Use-a para selecionar frames, arrastá-los e clicar em um Artefato ao vivo para usá-lo como um app em execução. Com Interagir ativo, clicar em um frame o seleciona e exibe a barra de ações por frame. Atalho de teclado: V. Acesso: sempre disponível.

​

Pan

Pan alterna o cursor para uma ferramenta de agarrar, para que você possa arrastar o próprio quadro. Com Pan ativo, clicar e arrastar move o viewport em vez de selecionar um frame. Você também pode fazer pan a partir de qualquer outra ferramenta segurando a barra de espaço e arrastando, ou clicando com o botão do meio e arrastando. Atalho de teclado: H. Acesso: sempre disponível.

​

Chat

Chat coloca um pequeno compositor de chat diretamente no quadro para que você possa promover o Agent sem sair do Canvas. Elementos e frames selecionados ainda são anexados à mensagem como snapshots, assim como quando você envia pelo painel lateral de chat do Agent. Acesso: Ferramenta Chat (somente desktop).

​

Desenho

Desenho ativa as ferramentas de marcação, como desenho à mão livre, setas, notas adesivas e formas, para que você possa esboçar sobre os frames ou anotar o quadro. Use-a para circular áreas problemáticas, apontar elementos que deseja alterar ou deixar uma nota escrita ao lado de um frame. Quando Desenho está ativo, uma barra de Propriedades de forma aparece acima da barra de ferramentas flutuante com controles de cor, traço e preenchimento para a ferramenta de marcação atual. Ela se oculta automaticamente quando você alterna de volta para Interagir ou Pan. Acesso: sempre disponível.

​

Editar

Editar é o seletor visual de elementos. Com Editar ativo, clique dentro de um Artefato ao vivo para selecionar um elemento (um botão, um cabeçalho, uma imagem). Selecionar um elemento abre o Editor Visual — um painel lateral direito de controles (Layout, Cor, Borda e mais) vinculado a um prompt inline para pedir ao Agent que altere apenas aquela parte. Consulte Elementos e Editor Visual para o fluxo completo. Acesso: sempre disponível (desktop). Desativado até que pelo menos um frame exista; a dica de ferramenta diz “Crie um artefato ou gere um design para editar.” Oculto no mobile.

​

Gerar

Gerar abre o popover Gerar mídia para imagens, vídeos e gráficos vetoriais. Escolha um tipo, escreva um prompt e o Agent coloca o resultado como um novo frame no quadro. O popover tem quatro abas no topo:

• Design
• Image
• Video
• Vector Graphic

Alguns controles são compartilhados entre os tipos; outros são específicos de cada tipo. Controles compartilhados (todos os tipos):

• Modelo: o modelo de geração a ser usado. Os modelos disponíveis variam por tipo (veja a tabela abaixo).
• Prompt: descrição em linguagem natural do que você deseja que o Agent gere.
• Gerar: envia a solicitação e reserva um frame de placeholder na posição do cursor. O placeholder passa para um frame ao vivo quando o ativo estiver pronto; se a geração falhar, o placeholder é removido e um erro aparece no painel de chat.

Modelos e controles por tipo: Para saber o que é cada tipo de frame e o que você pode fazer com ele após ser criado, consulte Frames. Quando o menu Adicionar está habilitado, o botão Gerar é substituído por um menu + que consolida os tipos do popover com Design (um mockup visual independente que não toca o código ao vivo): Acesso: Geração de imagens. Gráfico Vetorial precisa de geração de gráficos vetoriais; Vídeo precisa de geração de vídeo. O menu + requer o menu Adicionar (que por sua vez requer geração de imagens).

​

Atalhos de teclado

​

Gestos do quadro

Pan, zoom e seleção funcionam a partir de qualquer ferramenta, salvo indicação. Pan:

• Trackpad: arrastar com dois dedos.
• Mouse: clicar com o botão do meio e arrastar, ou segurar a barra de espaço e arrastar com o botão esquerdo.
• Ferramenta Pan: clicar e arrastar com o botão esquerdo do mouse.

Zoom:

• Trackpad: pinçar.
• Mouse: Ctrl (ou Cmd no macOS) + roda de rolagem.
• Teclado: Cmd/Ctrl + + para ampliar, Cmd/Ctrl + - para reduzir, Cmd/Ctrl + 0 para redefinir o zoom.

O zoom é ancorado no cursor, de modo que o ponto sob o cursor fica fixo enquanto o restante do quadro escala ao redor. Seleção:

• Frame único: clique nele com a ferramenta Interagir.
• Multisseleção: segure Shift e clique em cada frame, ou arraste um retângulo de marquise pelo quadro.
• Desselecionar: clique em uma área vazia ou pressione Escape.

Selecionar um ou mais frames exibe a barra de ações por frame e anexa esses frames à próxima mensagem do Agent como snapshots.

​

Páginas relacionadas

• Canvas — visão geral e anatomia.
• Frames — Tipos de frames; a barra de ações por frame; Reimaginar, Refinar, Anotar e Construir.
• Elementos — as partes individuais dentro de um frame.
• Editor Visual — o fluxo de seleção de elementos que a ferramenta Editar abre.