Skip to main content
Neste guia rápido, você vai gerar seus primeiros frames de design a partir de um prompt em linguagem simples e, depois, usar as sugestões da IA para explorar novas direções com um clique. Sem experiência em design necessária, você conduz escolhendo o que gosta.
1

Abra o Replit Design

Acesse replit.com/design. O campo de prompt em destaque é onde seu design começa.
A home do Replit Design com um campo de prompt dizendo Descreva o que você quer projetar, e as opções Importar URL, Importar Figma, Recriar captura de tela e Começar com um design system logo abaixo
Já está no seu workspace? Em vez disso, selecione Design abaixo do campo de criação na home do seu workspace. O campo muda para o modo de design e um chip Design aparece no campo de prompt.
O campo de criação na home do workspace com Design selecionado, mostrando o chip Design no campo de prompt
2

Descreva o que você quer projetar

Escreva seu prompt como se estivesse orientando um amigo designer: o que é, para quem é e qualquer clima que você tenha em mente. Por exemplo: “Uma landing page para um serviço de aluguel de supercarros, ousada, escura, cinematográfica.” Depois, envie.
3

Veja o Design construir

O Agent recebe seu prompt e começa a construir, relatando seu progresso no painel de chat enquanto trabalha.
A home do Replit Design com o painel de chat processando o prompt para um app de aluguel de supercarros de luxo, informando que está criando o artefato Velocity
4

Revise seus primeiros frames

Seu design chega como um frame no canvas. Dê um momento e depois observe-o em tamanho completo.
A página de aluguel de supercarros Velocity gerada, revisada em tamanho completo no modo foco, com um botão Exit focus no topo do quadro
5

Continue gerando com sugestões

Selecione o frame de que você mais gosta. Sugestões aparecem para o que projetar em seguida; clique em uma e uma nova direção é gerada como um frame novo, deixando o original intacto. Continue clicando até que algo pareça certo.
O frame Velocity gerado, selecionado no canvas, com a execução concluída no painel de chat e o painel de próximos passos sugeridos se abrindo ao lado do frame

Próximos passos