As edições rápidas permitem que você altere o texto, o estilo e o layout dos elementos diretamente na tela, sem precisar escrever um prompt. As edições rápidas não utilizam IA; portanto, suas alterações são aplicadas diretamente ao seu projeto e não consomem créditos de IA. Para alterações que não sejam abrangidas pelas edições rápidas, consulte o Copilot. As alterações feitas com o Copilot consomem créditos de IA.
Nota
Se você ainda não vê as edições rápidas no seu projeto, ou se algumas alterações ainda passam pelo Copilot e utilizam créditos de IA, isso significa que seu projeto ainda não foi atualizado. As atualizações ocorrem automaticamente, sem que seja necessária nenhuma ação da sua parte.
As edições rápidas estão disponíveis apenas para membros da equipe com a permissão Edições rápidas do Vibe e para clientes com a permissão Edições rápidas . Para obter mais informações, consulte Gerenciar membros da equipe e Gerenciar clientes.
Para abrir as edições rápidas:
-
Na área de trabalho do Vibe do seu projeto, na guia Canvas, clique no ícone Edições rápidas (lápis) no painel lateral direito.
-
Clique em um elemento na tela para selecioná-lo.
O elemento selecionado fica destacado, e uma barra flutuante aparece acima dele. O painel Edições rápidas mostra as configurações disponíveis para esse elemento.
Nota
As edições rápidas não estão disponíveis enquanto o Copilot estiver atualizando seu projeto.
A barra flutuante acima de um elemento selecionado permite mover, duplicar ou excluir o elemento, ou ainda limpar seu preenchimento. A opção Editar adiciona o elemento ao chat do Copilot para que você possa descrever uma alteração em um prompt. Essa é a única ação da barra flutuante que utiliza IA.
Para selecionar o elemento que contém o elemento atual, clique no nome do elemento acima da barra flutuante.
O painel Edições rápidas agrupa as configurações de design em seções como Tipografia, Fundo, Espaçamento, Borda, Tamanho, Efeitos e Movimento (animações). As seções exibidas dependem do elemento selecionado.
Alguns elementos, como botões, também possuem uma seção de Propriedades personalizadas com opções específicas para esse elemento. Por exemplo, a opção Variante alterna entre estilos predefinidos que utilizam as cores do seu projeto. Para alterar essas cores, consulte a seção Tema do projeto no Vibe.
Ao selecionar uma imagem, a seção Imagem aparece na parte superior do painel Edições rápidas . Nessa seção, você pode editar o texto alternativo da imagem e usar a opção Tipo para escolher como a imagem preenche o espaço. Algumas opções de Tipo recortam a imagem para preencher o espaço. Quando isso acontecer, use a opção Posição para escolher qual parte da imagem permanece visível, por exemplo, para evitar que o rosto de uma pessoa seja cortado.
Para substituir a imagem, clique na pré-visualização da imagem para abrir o Seletor de Imagens; em seguida, escolha uma imagem que já esteja no seu projeto, selecione uma imagem de banco de imagens gratuita, faça o upload de uma nova ou crie uma com IA. Para ver as imagens do seu projeto em tamanho maior, clique em Visualização completa.
Para recortar, girar ou fazer outras alterações na imagem, clique no menu com os três pontos na visualização da imagem e, em seguida, clique em Editar imagem para abrir o Editor de Imagens. Para saber o que você pode fazer lá, consulte a seção Editor de Imagens.
Ao selecionar um formulário, a seção Notificações por e-mail do formulário aparece no painel Edições rápidas . Ative ou desative as opções Notificar o proprietário do site ou Resposta automática ao remetente do formulário para esse formulário. Para alterar o assunto, o remetente ou o texto do e-mail, clique no ícone de edição (lápis) ao lado do botão de ativação/desativação. Para a resposta automática, você também pode selecionar Incluir cópia do envio para enviar ao visitante uma cópia de suas respostas.
Para alterar a aparência do formulário, use as configurações de design no mesmo painel, descritas em Editar configurações de design.
Nota
Essas configurações se aplicam apenas ao formulário selecionado. Depois de alterá-las, o formulário não utilizará mais suas configurações padrão; portanto, alterações posteriores nas configurações padrão não afetarão esse formulário. Para alterar as configurações de todos os formulários, consulte Recursos integrados do projeto no Vibe.
As alterações não são salvas no seu projeto até que você as salve. O número de alterações pendentes aparece na parte inferior do painel Edições rápidas .
-
Para salvar suas alterações, clique em Salvar alterações.
-
Para desfazer todas as alterações pendentes, clique em Descartar.
Se você tentar sair sem salvar as alterações, será perguntado se deseja descartá-las. Clique em Continuar editando para voltar.
Atenção
Se você publicar enquanto houver alterações pendentes, essas alterações não serão incluídas no projeto publicado.