> ## Documentation Index
> Fetch the complete documentation index at: https://manus.im/docs/llms.txt
> Use this file to discover all available pages before exploring further.

# Edição e Visualização

> Manus permite que você construa e refine seu aplicativo web com feedback instantâneo e edições em linguagem natural

### Edição: Mudanças Conversacionais e Sem Esforço

Editar seu aplicativo web no Manus é tão simples quanto ter uma conversa. Não há necessidade de escrever código ou navegar por menus complexos. Você pode fazer alterações no seu site descrevendo o que deseja em linguagem natural, desde pequenos ajustes até atualizações em larga escala.

#### Edição Visual

O Manus 1.5 introduziu 3 maneiras flexíveis de editar seus websites:

### **Controles Rápidos de Estilo**

Clique em qualquer elemento para abrir um painel de estilo instantâneo. Sem espera, sem prompts — apenas controle direto:

* Cores: Altere fundos, texto, bordas
* Tipografia: Ajuste fontes, tamanhos, pesos
* Espaçamento: Modifique preenchimento, margens, lacunas
* Bordas: Atualize estilos, larguras, raio

Perfeito para iteração rápida de design e ajustes finos.

### **Edição em Lote Baseada em Prompt**

Para tornar seu fluxo de trabalho ainda mais eficiente, Manus permite que você execute**edições em grupo baseadas em prompt**. Você pode descrever múltiplas alterações em um único prompt, e Manus irá empacotá-las e aplicá-las de forma inteligente como uma única atualização. Isso é perfeito para fazer uma série de ajustes relacionados sem ter que emitir comandos um por um.

Por exemplo, você pode dar uma única instrução abrangente como esta:

> "Certo, vamos fazer algumas alterações. Primeiro, deixe o título principal em negrito e mude sua cor para o azul escuro da nossa marca. Em seguida, ajuste o espaçamento na tabela de preços para ser mais generoso. Por fim, mude a cor de fundo de toda a seção do rodapé para um cinza claro."

Manus entenderá as solicitações distintas dentro do seu prompt e executará todas elas de uma só vez, economizando seu tempo e esforço.

| Tipo de Edição  | Exemplo de Prompt                                                    |
| :-------------- | :------------------------------------------------------------------- |
| **Estilização** | `"Mude a fonte de todos os títulos para Georgia."`                   |
| **Layout**      | `"Aumente o espaçamento entre os itens desta lista."`                |
| **Conteúdo**    | `"Mude o texto do botão principal para 'Comece Agora'."`             |
| **Estrutura**   | `"Duplique esta seção e coloque-a abaixo do formulário de contato."` |

### Edição de AI: Seu Parceiro Criativo

Para alterações mais complexas ou criativas, você pode usar o recurso de edição de AI. Basta selecionar um elemento e pedir ao Manus para melhorá-lo. É como ter um consultor de design e um redator ao seu alcance.

| Objetivo             | Exemplo de Prompt                                                                              |
| :------------------- | :--------------------------------------------------------------------------------------------- |
| **Melhorar Texto**   | `"Reescreva este título para ser mais envolvente e focado em benefícios."`                     |
| **Aprimorar Design** | `"Sugira uma paleta de cores melhor e mais moderna para esta seção."`                          |
| **Refinar Layout**   | `"Reestruture esta lista de recursos para ser mais visualmente atraente e fácil de escanear."` |

Manus fornecerá sugestões e aplicará as alterações para você, tornando fácil elevar a qualidade do seu design e conteúdo.

Manus oferece uma experiência contínua para editar e visualizar seu aplicativo web em tempo real. Isso permite uma iteração rápida e garante que você possa visualizar as alterações à medida que as faz.

## Visualização: Veja Seu Aplicativo em Tempo Real

Manus fornece uma visualização interativa e ao vivo do seu aplicativo web durante todo o processo de desenvolvimento. Isso permite que você veja suas alterações à medida que elas acontecem e teste a funcionalidade do seu aplicativo em um ambiente real.

### Desktop/Celular

A janela de visualização permite alternar entre as visualizações de desktop e celular, garantindo que seu aplicativo seja responsivo e tenha uma ótima aparência em todos os dispositivos. Você pode testar a experiência do usuário em diferentes tamanhos de tela e fazer ajustes conforme necessário para otimizar para usuários de desktop e celular.

### Caminho

A janela de visualização inclui uma barra de URL que exibe o caminho atual da página que você está visualizando. Isso é útil para navegar para páginas específicas dentro do seu aplicativo e para entender a estrutura de URL do seu site.

### Tela Cheia

Para uma experiência mais imersiva, você pode expandir a visualização para o modo de tela cheia. Isso é particularmente útil para apresentar seu aplicativo a partes interessadas ou para ter uma melhor noção da aparência geral do seu site sem a distração da interface circundante.

#### Visualização ao Vivo

Uma visualização interativa e ao vivo do seu aplicativo está disponível desde o início do processo de desenvolvimento. Isso permite que você veja os resultados das suas solicitações instantaneamente e forneça feedback para ajustes. A visualização ao vivo é uma parte essencial do processo de desenvolvimento iterativo, permitindo que você refine seu aplicativo com comandos em linguagem natural e veja as alterações refletidas imediatamente.