Skip to main content
Seu site funciona, mas parece datado, e descrever um redesign não convence ninguém. Recrie o site publicado como um frame de design no Replit Design, explore direções ao lado do original e construa a que vencer. A importação recria a aparência e a sensação como ponto de partida, não uma cópia pixel a pixel da sua marcação. Cada direção chega como um novo frame, então o original permanece no canvas para comparação.

Ideal para

  • Designers que precisam mostrar um redesign ao lado do site atual, não apenas descrevê-lo.
  • Fundadores que estão renovando um site cujo conteúdo está certo, mas cujo visual está cansado.

Antes de começar

Tenha a URL pública da página que você quer retrabalhar. Decida o que precisa sobreviver ao redesign (a oferta, a navegação e as provas) e o que está em aberto. Nada que esteja atrás de um login será importado.

Dê o prompt ao agente

Acesse replit.com/design e selecione Import URL abaixo da caixa de prompt. O prompt já vem preenchido; cole sua URL depois dele. Quando o frame chegar, descreva o redesign em si:

O que esperar

Três direções chegam como frames separados ao lado da importação, com a oferta, a navegação e as provas mantidas em cada uma. Você compara quatro coisas: o site que tem e três formas de ele poder parecer. Avalie-as como telas inteiras antes de olhar os detalhes. Refine a vencedora conversando sobre ela ou clicando nos elementos no Visual Editor. Quando uma direção estiver certa, selecione o frame e escolha Build para transformá-lo em software de verdade. Você escolhe o caminho: um novo app no mesmo projeto, ou o app do seu site existente reestilizado para combinar com o frame. O Agent cria um checkpoint antes, então os dois caminhos podem ser revertidos.

Adapte ao seu caso

Solução de problemas

O Import URL recria a aparência e a sensação, não a marcação. Nomeie as partes que precisam ser idênticas e depois ajuste-as pelo chat ou pelo Visual Editor.
A importação exige uma URL pública. Recrie essa página a partir de uma captura de tela.
Você não perdeu. Cada geração chega como um novo frame, e a importação permanece no canvas. Selecione-a para comparar.
Diga que o texto, a navegação e as provas vêm do original e que apenas a direção visual está em aberto.

Relacionados

Crie seu design system

Extraia o visual vencedor para que a próxima página já comece alinhada à marca.

Revisar um site publicado

Verifique links, layout e acessibilidade depois que o redesign estiver no ar.