DocsPrimeiros PassosInício Rápido

Início Rápido

Do zero a um site publicado ao vivo em menos de 5 minutos.

Passo 1 — Entrar

Acesse draftly.space e entre com Google ou seu e-mail. Novas contas são criadas em 30 segundos.

Após entrar, você vai para o Dashboard — uma lista dos seus projetos. Usuários de primeira vez veem um estado vazio com um prompt para criar seu primeiro site.

Passo 2 — Abrir o Construtor

Clique em Novo Projeto ou Construtor 3D no dashboard ou na navegação superior.

O construtor abre com um campo de chat no canto inferior esquerdo e um painel de visualização ao vivo à direita. Se esta for sua primeira visita, um tour curto de 3 etapas apresenta a interface. Você pode dispensá-lo a qualquer momento ou revisitá-lo pelo botão de ajuda ?.

Passo 3 — Escrever Seu Prompt

No campo de chat, descreva seu site. Quanto mais específico, melhor — inclua o nome do negócio, setor, seções que deseja e o humor visual.

Exemplo: "Romano's Coal-Fired Pizza — restaurante familiar no Brooklyn desde 1987. Sensação quente, rústica e cinematográfica escura. Incluir hero, nosso cardápio, nossa história, reservas e seções de avaliações. CTA: Reserve uma Mesa."

Pressione Enter ou clique no ícone de enviar para iniciar a geração. Opcionalmente clique no botão ✨ Aprimorar primeiro (1 crédito) para que a IA fortaleça seu prompt.

Passo 4 — Acompanhar o Pipeline

A geração leva 2–3 minutos em média. Uma barra de progresso ao vivo mostra quatro etapas:

1.Planejando seu site — A IA extrai nome da marca, título e seções
2.Gerando imagem hero — A IA cria sua imagem de fundo cinematográfica
3.Criando vídeo em movimento — Veo 3.1 gera seu vídeo de scroll (~60–90 segundos)
4.Construindo seu site — As seções HTML são montadas em paralelo

Deixe a aba aberta para a melhor experiência. Se você fechar a aba, o Banner de Retomada Automática aparece quando você reabrir — clique nele para continuar de onde a geração parou.

Passo 5 — Visualizar e Editar

Quando a geração é concluída, o painel de visualização mostra seu site ao vivo com a animação de scroll ativa.

Role na visualização para ver a animação de paralaxe sincronizada com vídeo
Clique em qualquer texto para editá-lo inline — gratuito, instantâneo, sem créditos
Digite no chat para solicitar mudanças de design: "Deixe o fundo mais escuro", "Mude o CTA para 'Agendar Agora'", "Adicione uma seção de preços"
Presets de Design (ícone de pincel) — transformações de estilo com um clique, também gratuitas

Passo 6 — Publicar

Clique em Publicar ao Vivo na barra de ações inferior esquerda.

Escolha um subdomínio (ex.: romanos-pizza.draftly.space). O site vai ao ar via Cloudflare CDN em ~5 segundos.

Compartilhe a URL com clientes ou use-a como seu site real. Edições futuras no construtor podem ser republicadas instantaneamente sem nova URL e sem tempo de inatividade.