DocumentaçãoPrimeiros PassosIntrodução

Introdução

Bem-vindo ao Draftly — a plataforma com IA para criar sites cinematográficos, 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 de herói cinematográfica, vídeo em movimento sincronizado com a rolagem e HTML de produção em menos de 3 minutos.

Ao contrário das 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 com HTML semântico limpo.

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

O Que Você Obtém de Um Único Prompt

1.Imagem estática principal — Uma imagem de fundo cinematográfica gerada por IA, dimensionada e estilizada para o mood vertical e de cores do seu site
2.Vídeo em movimento — Um vídeo de fundo de 5 a 8 segundos sincronizado com a rolagem (Veo 3.1 do Google) que dá vida à imagem principal
3.Quadros de rolagem — ~200 quadros WebP extraídos do vídeo, permitindo uma animação suave impulsionada pela rolagem
4.HTML completo do site — HTML responsivo de várias seções com navegação, rodapé, motor de animação de rolagem e meta tags de SEO
5.URL ao vivo — Publicado instantaneamente no seu próprio subdomínio em *.draftly.space

Como Funciona

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

1.Planejar — A IA extrai o nome da sua marca, título, seções, mood de cores e diferenciais do seu prompt
2.Estrutura — Navegação, seção principal, variáveis CSS e o motor de quadros de rolagem 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 ignorado
5.Montar — Todas as peças são unidas, tags de SEO injetadas e o resultado é implantado

Esta arquitetura garante que seu rodapé esteja sempre presente, cada seção receba sua própria chamada de IA focada e a saída nunca atinja os limites de tokens.

Principais Recursos

Construtor de Sites 3D — Um único prompt produz um site cinematográfico completo com imagem principal, vídeo em movimento, quadros e HTML
Edições Cirúrgicas por Chat — Altere cores, texto ou layout por meio de conversa a 0,5 créditos/edição (vs. 400+ para regeneração completa)
Edição de Texto Inline — Clique em qualquer texto na prévia para editá-lo diretamente — zero créditos, instantâneo
Predefinições de Design — Transformações de estilo com um clique em vários setores: SaaS, restaurante, portfólio e muito mais
Publicação Instantânea — Ao vivo 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→4K dependendo do plano
Geração de Imagens — Mais de 12 modelos de IA, incluindo Nano Banana Pro, Seedream 4.5, Flux Pro
Business OS — Painel de inteligência de negócios com IA ao lado do seu site (Pro+)
Histórico de Versões — Cada ponto de verificação de geração salvo; reverta a qualquer momento

Requisitos do Sistema

Draftly funciona inteiramente no seu navegador. Nenhum software para instalar.

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

Conexão com a 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.