> ## 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. # Editar elementos > Selecione e edite as partes individuais dentro de um frame no Canvas. Um **Elemento** é uma parte individual dentro de um frame, como um cabeçalho, um botão, uma imagem, um campo de formulário ou qualquer outro componente renderizado pelo frame. Os elementos são o que você seleciona quando deseja alterar uma parte de um frame sem regenerar tudo. Canvas com a ferramenta Editar ativa — um elemento de imagem em um artefato Website está selecionado (destacado em azul com um chip 'img'), e o painel do Editor Visual mostra controles de Layout (Espaço Externo/Interno), Cor (Opacidade) e Borda (cor, largura, raio) além dos botões Descartar e Salvar edições. ## Selecionar um elemento Use a [ferramenta Editar](/pt/references/design/toolbar#edit) na barra de ferramentas. Com Editar ativo, clique dentro de um frame ao vivo para selecionar o elemento sob o cursor. O elemento selecionado recebe um contorno de destaque e um pequeno prompt inline onde você pode pedir ao Agent para alterá-lo. Editar fica desativado até que pelo menos um frame exista no Canvas, e é exclusivo para desktop. ## Agir sobre um elemento selecionado ### Pedir ao Agent para alterá-lo Peça ao Agent para atualizar a cópia, cor, layout, espaçamento ou comportamento do elemento com o prompt inline. Close-up do prompt inline para um elemento selecionado no Canvas: um chip 'img' seguido do texto de placeholder 'Pergunte sobre o elemento selecionado…' e um botão de envio. ### Inspecionar elemento Inspecione o elemento pelo botão **Inspecionar** da barra de ações por frame, que abre o **Editor Visual** focando nesse elemento. Uma página de detalhes do McLaren 765LT no modo de foco (rotulada como 'Preview: Velocity — Supercar Rental' no canto inferior direito) com o elemento de imagem do McLaren selecionado (destacado em azul com um chip 'img'). O painel do Editor Visual está aberto, mostrando o caminho da fonte da imagem, um botão Carregar Imagem e seções de Layout, Cor e Borda. Inspecionar só está disponível enquanto o frame está no modo de foco e o elemento é um nó DOM selecionável. ## Editor Visual Selecionar um elemento abre o **Editor Visual** — um painel lateral direito vinculado ao prompt inline. O painel agrupa todos os controles em seções claras para que você encontre o que precisa mais rapidamente: **Texto**, **Layout**, **Cor** e **Borda**. (A seção **Imagem** também aparece quando você seleciona um elemento de imagem.) Canvas com um elemento div selecionado (a barra lateral de reservas do McLaren). O painel do Editor Visual à direita mostra Texto (Tamanho da fonte 16, Peso da fonte Regular, Alinhamento), Layout (Espaço externo 0/0, Espaço interno 20/20 com alternâncias de vinculação, mais um gap de 24px), Cor (Texto #e4e4e7) e seções de Plano de Fundo. ### Layout A seção **Layout** é onde você ajusta como os filhos ficam dentro de um contêiner sem passar pelo Agent. Selecione um contêiner flex, expanda Layout e você terá: * **Alinhamento**: Um seletor de pontos 3×3 para onde os itens ficam ao longo de ambos os eixos dentro do contêiner. * **Direção**: Dois botões de seta que empilham os filhos em linha ou coluna. * **Gap**: Um valor em pixels para o espaço entre os itens. O ícone ao lado do campo Gap muda para corresponder à direção atual, para que você saiba se está ajustando o espaçamento horizontal ou vertical. Ao lado, um ícone de seta alterna **Distribuir espaço entre os itens**, que empurra os filhos para as extremidades opostas do contêiner. * **Espaço externo**: Campos por lado para o espaço fora do elemento (um campo por lado, com alternância de vinculação para bloquear os quatro lados de uma vez). * **Espaço interno**: Campos para o espaço dentro do elemento ao longo de cada eixo, com alternância de vinculação para ambos os eixos de uma vez. A seção Layout só aparece quando pelo menos um controle de layout se aplica ao elemento selecionado. Nós de texto simples sem propriedades de espaçamento ou layout ocultam a seção inteiramente, mantendo o editor compacto. Para as seções de **Texto**, **Cor**, **Borda** e **Imagem**, consulte o [guia do Editor Visual](/pt/learn/design/visual-editor). ## Páginas relacionadas * [Canvas](/pt/references/design/canvas) — visão geral e anatomia. * [Frames](/pt/references/design/frames) — os contêineres onde os Elementos vivem. * [Barra de Ferramentas](/pt/references/design/toolbar) — onde fica a ferramenta Editar. * [Editor Visual](/pt/learn/design/visual-editor) — tutorial completo de edição de elementos.