DocsPrimeiros PassosIntrodução

Introdução

Bem-vindo ao Draftly — a plataforma com IA para criar sites cinematográficos e prontos para produção a partir de um único prompt.

O que é o Draftly?

Draftly é uma plataforma de geração de sites com IA que transforma um único prompt de texto em um site completo e pronto para publicação — com uma imagem hero cinematográfica, vídeo em movimento sincronizado com scroll, e HTML de produção em menos de 3 minutos.

Ao contrário de ferramentas de IA genéricas, o Draftly entende padrões de design, tipografia, hierarquia espacial e identidade de marca. Cada site gerado é único, específico para o seu negócio, e construído sobre HTML semântico limpo.

O Draftly roda inteiramente no seu navegador em draftly.space — sem instalação, sem código, sem necessidade de designer.

O Que Você Recebe de Um Prompt

1.Imagem hero — Uma imagem de fundo cinematográfica gerada por IA, dimensionada e estilizada conforme o layout vertical e o humor de cores do seu site

2.Vídeo em movimento — Um vídeo de fundo de 5–8 segundos sincronizado com scroll (Veo 3.1 do Google) que dá vida ao hero

3.Frames de scroll — ~200 frames WebP extraídos do vídeo, permitindo animação suave orientada pelo scroll

4.HTML completo do site — HTML responsivo multi-seção com navegação, rodapé, motor de animação por scroll e meta tags de SEO

5.URL ao vivo — Publicado instantaneamente no seu próprio subdomínio em *.draftly.space

Como Funciona

O Draftly usa um pipeline de geração em etapas de 5 fases projetado para produzir sites que nunca truncam ou se repetem:

1.Planejamento — A IA extrai o nome da sua marca, título, seções, humor de cores e diferenciais do seu prompt

2.Estrutura — Navegação, seção hero, variáveis CSS e o motor de frames de scroll são gerados primeiro

3.Seções — Cada seção de conteúdo (recursos, preços, depoimentos, etc.) é gerada em paralelo

4.Rodapé — Informações de contato, links de navegação e detalhes da marca — sempre gerado, nunca omitido

5.Montagem — Todas as peças são unidas, tags de SEO injetadas e o resultado é publicado

Essa arquitetura garante que seu rodapé esteja sempre presente, cada seção receba sua própria chamada de IA focada, e o resultado nunca atinja limites de tokens.

Recursos Principais

•Construtor 3D de Sites — Um prompt gera um site cinematográfico completo com imagem hero, vídeo em movimento, frames e HTML

•Edições por Chat Cirúrgicas — Mude cores, texto ou layout por conversa a 0,5 créditos/edição (vs. 400+ para regeneração completa)

•Edição de Texto Inline — Clique em qualquer texto na visualização para editá-lo diretamente — zero créditos, instantâneo

•Presets de Design — Transformações de estilo com um clique entre setores: SaaS, restaurante, portfólio e muito mais

•Publicação Instantânea — No ar no seu próprio subdomínio em segundos via Cloudflare CDN

•Geração de Vídeo — Veo 3.1 Fast (Google) com saída de 720p a 4K conforme o plano

•Geração de Imagens — 12+ modelos de IA incluindo Nano Banana Pro, Seedream 4.5, Flux Pro

•Business OS — Dashboard de inteligência de negócios com IA ao lado do seu site (Pro+)

•Histórico de Versões — Cada checkpoint de geração salvo; reverta a qualquer momento

Requisitos de Sistema

O Draftly roda inteiramente no seu navegador. Nenhum software para instalar.

Navegadores Suportados: - Chrome 90+ (recomendado para melhor desempenho de scroll e decodificação de vídeo) - Firefox 88+ - Safari 14+ - Edge 90+

Conexão com internet: Necessária. A geração de vídeo transmite arquivos grandes — uma conexão de banda larga estável (10 Mbps+) é recomendada.

Dispositivo: Funciona em desktop e tablet. O construtor 3D é otimizado para telas com 1280px de largura ou mais.

PróximoConta e Cadastro