Página inicial da UXMagic
  • Funcionalidades
  • Bibliotecas
  • Comunidade
  • Preços
  • Afiliados
  • Recursos
Página inicial da UXMagic
Página inicial da UXMagic

Bibliotecas

Comunidade
Preços
Afiliados

Recursos

Siga a gente:
  • Siga a gente no Slack
  • Siga a gente no Twitter
  • Siga a gente no LinkedIn
  • Siga a gente no YouTube
  • Siga a gente no Instagram
Central de Ajuda
  • 🚀Primeiros passos
  • ✨Gerar designs
  • 🎨Projetar e editar
    • Editar uma tela
    • Editar pelo chat
    • Temas e guias de estilo
    • Fontes e tipografia
    • Imagens nos seus designs
    • Versões e histórico
    • Variantes responsivas e por dispositivo
    • Bibliotecas de componentes e sistemas de design
  • 📦Exportar e entregar
  • 🌐Publicar um site no ar
  • 🤝Compartilhar e colaborar
  • 🔌Integrações e desenvolvimento
  • 💳Planos, créditos e faturamento
  • 🛠Solução de problemas

Ainda travado?

Nosso time responde de dentro do produto.

Falar com o suporte →
  1. Central de Ajuda/
  2. Projetar e editar/
  3. Editar uma tela

Editar uma tela

As três formas de mudar um design — chat, modo edição e tema — e quando cada uma é a ferramenta certa.

Última atualização: 27 de agosto de 2026

Nesta página

  • 1. Modo edição — para conteúdo
  • 2. Chat — para estrutura
  • 3. Tema — para tudo que é visual e global
  • O que não fazer
  • Versões
  • Pegadinha do foco do teclado

Há três formas de mudar uma tela, e escolher a certa economiza tempo e créditos.

1. Modo edição — para conteúdo#

Clique em uma tela para entrar no modo edição. Ali você pode:

  • Editar texto diretamente. Clique em um título ou parágrafo e digite.
  • Trocar imagens. Substitua uma imagem gerada por um envio seu.
  • Ajustar propriedades simples do elemento selecionado.

O modo edição não chama a IA, então é instantâneo e gratuito. Use para textos, nomes, preços e trocas de imagem.

2. Chat — para estrutura#

Tudo o que muda a forma da página passa pelo chat:

Adicione uma seção de depoimentos entre os recursos e os preços. Deixe o hero mais curto e suba o CTA acima da dobra. Transforme os três blocos de recursos em um layout de duas colunas.

Edições direcionadas por chat são muito mais baratas do que regenerar uma tela. Veja Editar pelo chat.

3. Tema — para tudo que é visual e global#

Cores, fontes, raios de canto e espaçamentos vivem no tema do projeto. Mude ali e todas as telas se movem juntas. Editar uma cor em uma tela só é exatamente como os projetos ficam incoerentes. Veja Temas e guias de estilo.

O que não fazer#

Não regenere por uma mudança pequena. Regenerar está entre as operações mais caras disponíveis e joga fora as partes da tela que já estavam certas. Peça a mudança específica.

Versões#

Cada edição da IA cria uma versão nova. Nada é destruído e você sempre pode voltar. Veja Versões e histórico.

Pegadinha do foco do teclado#

Se Delete ou ⌘Z parecerem não fazer nada, clique primeiro em uma área vazia do canvas. Enquanto o cursor está no campo de prompt, essas teclas pertencem ao campo de texto.

Este artigo foi útil?

Artigos relacionados

Editar pelo chat

Como formular pedidos de edição à IA para conseguir a mudança que você queria, nas telas que você queria.

Temas e guias de estilo

Como funciona o tema do projeto, como mudá-lo com segurança, e por que cores nunca devem ser editadas tela por tela.

Versões e histórico

Cada mudança da IA cria uma versão nova. Como comparar, restaurar e manter variantes.

← AnteriorModo fluxo e planos de telasPróximo →Editar pelo chat

Nesta página

  • 1. Modo edição — para conteúdo
  • 2. Chat — para estrutura
  • 3. Tema — para tudo que é visual e global
  • O que não fazer
  • Versões
  • Pegadinha do foco do teclado

sua próxima ideia
merece existir

pare de só pensar nela. escreva de qualquer jeito. Mal escrita, pela metade, tanto faz. A gente transforma em algo real.

Produto

  • Comunidade
  • Planos e preços
  • Programa de afiliados
  • UXMagic MCP
  • Claude MCP
  • Informações para IA

Recursos

  • Central de ajuda
  • Biblioteca Figma
  • Biblioteca React
  • Templates de apps mobile
  • Documentação
  • Tutoriais

Funcionalidades

  • De prompt para UI
  • De imagem para UI
  • De esboço para UI
  • Clonar site
  • Importar do Figma
  • AI Wireframe Generator
  • AI Mockup Generator
  • AI Prototype Generator
  • AI Dashboard Generator
  • Todas as funcionalidades

Comparar

  • vs UX Pilot
  • vs Relume
  • vs MagicPath
  • vs Magic Patterns
  • vs Banani
  • vs Galileo AI
  • vs v0
  • vs Lovable
  • vs Base44
  • Todos os concorrentes

Blogs

  • IA no fluxo de trabalho de UX design: o que funciona de verdade
  • Templates de prompt para dashboards SaaS
  • Prompts reais que usamos para gerar fluxos de produto
  • Engenharia de prompt para designers de UX
  • Melhores ferramentas de wireframe em 2026: 10 opções gratuitas e pagas comparadas
  • Todos os blogs

Empresa e suporte

  • Carreiras
  • Fale conosco
  • Política de privacidade
  • Termos de uso
  • Configurações de cookies
  • Siga a gente no Slack
  • Siga a gente no Twitter
  • Siga a gente no LinkedIn
  • Siga a gente no YouTube
  • Siga a gente no Instagram

© 2026 UXMagic AI Technologies Inc.