Pular para o conteúdo principal

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ê executeediçõ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çãoExemplo 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.
ObjetivoExemplo 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.