Genspark Build — Preview

Crie seu site com IA e publique de verdade.

Conte à IA o que você quer. Ela escreve o código na sua frente, atualiza o preview ao vivo a cada arquivo, e em alguns minutos você tem um site real pronto para publicar.

Claude Opus 4.7Preview ao vivoPublica no Cloudflare
Comece por um exemplo:

Como é criar aqui

A workspace inteira gira em torno do prompt

Chat à esquerda, preview ao vivo no meio, arquivos à direita. Digite, veja renderizar, continue.

genspark.ai/agents?type=build_preview
Chat
Um portfólio editorial e escuro para uma fotógrafa freelancer. Cinco seções, tipografia quente.
Criando `index.html`, `about.html`, `/assets/styles.css`. Adicionando um tratamento de granulação no hero…
Escrevendo arquivos
Previewseusite.pages.dev
Freelance photography
Stories in light.
EditorialPortraitTravel
Arquivos
  • index.html
  • about.html
  • work.html
  • contact.html
  • assets/styles.css
  • assets/film-grain.svg

Por que Genspark Build

Não é um gerador que entrega um mockup.

Este aqui escreve arquivos reais, roda um preview ao vivo e te deixa publicar o resultado.

Código real, não screenshots

HTML, CSS, JavaScript — seus para ficar

Cada página é um arquivo de verdade. Baixe, edite, passe para um engenheiro. Sem editor proprietário, sem taxa de exportação.

<section class="hero">  <h1>Stories in light.</h1></section>
Com Claude

Claude Opus 4.7 por baixo

O Claude planeja o site, escreve os arquivos, e corrige os próprios erros quando o preview sai estranho.

Várias páginas

Sites inteiros, não só uma landing

Home, Sobre, Portfólio, Preços, Contato. Tudo gerado junto. A navegação fica em sincronia e o design system acompanha todas as páginas.

Preview ao vivo

Veja renderizar, arquivo por arquivo

O preview atualiza no instante em que um arquivo é escrito. Sem etapa de build. Estados de hover, animações e breakpoints responsivos já funcionam.

Publica num clique

Envie para Cloudflare Pages

Clique em Build it. O Genspark move o protótipo para um projeto real, configura o Cloudflare Pages, e te devolve uma URL pública.

Também apps

Sites hoje, apps mobile na mesma canvas

Troque o alvo de site para app. A canvas muda para um frame de iPhone e o Build it te entrega um projeto Flutter com código Dart.

Comece por um prompt que funciona

O que as pessoas estão construindo

Estes são os prompts iniciais que existem dentro do Genspark Build. Clique em um e a IA assume o comando.

Do prompt à produção

Quatro passos, sem pipeline de build, sem curva de aprendizado.

01

Descrever

Escreva o que você quer em uma frase, ou em um parágrafo. Se algo estiver ambíguo, a IA pergunta em vez de chutar.

02

Preview

Os arquivos aparecem na árvore e o preview renderiza. Dá para testar animações e breakpoints com o mouse enquanto o código é escrito.

03

Refinar

Selecione um elemento na canvas e edite inline, ou peça à IA para retrabalhar uma seção. Mudanças de estilo se propagam em todas as páginas.

04

Publicar

Clique em Build it. O protótipo vira um projeto Cloudflare Pages completo com uma URL pública para compartilhar no mesmo minuto.

Dois alvos, uma canvas

Sites hoje. Ou troque o alvo e o mesmo prompt vira um app mobile.

A canvas mostra preview dos dois alvos — um em navegador, outro em frame de celular. Escolha um e o Build it te entrega o projeto correspondente.

Alvo: Site

HTML / CSS / JS no Cloudflare Pages

  • Iframe no mesmo domínio para o preview bater com produção
  • URLs de preview assinadas — só quem recebe o link abre
  • Publique no Cloudflare Pages via o handoff do Build it
Alvo: App

Projeto Flutter com preview de iPhone ao vivo

  • Preview em frame de iPhone direto na canvas
  • Código Dart e Flutter real, não um mockup
  • Handoff para um projeto Flutter completo para iterar

vs. o construtor de sites que você já conhece

O que os novos criadores de site com IA acertaram

Construtor arrasta-e-solta
Genspark Build
Ponto de partida
Navegar por 800 templates
Uma frase em português
Saída
Blocos proprietários travados
Arquivos HTML / CSS / JS editáveis
Sites com várias páginas
Você mesmo adiciona cada página
Geradas juntas, navegação em sincronia
Iteração
Arrasta, solta, arrasta, solta
Pede no chat, o site atualiza
Hospedagem
Travada no host deles, geralmente pago
Cloudflare Pages ou seu próprio servidor
Suporte a app mobile
Normalmente nenhum
Troque o alvo → app Flutter

Perguntas frequentes sobre o Criador de Site com IA

Como o criador de site com IA funciona, na prática?
Você descreve o site no painel de chat. O Claude Opus 4.7 planeja as páginas e escreve o código; o iframe de preview renderiza cada arquivo conforme ele chega. Quando você estiver satisfeito, clique em Build it e o Genspark empacota tudo em um projeto Cloudflare Pages com uma URL pública. Nenhuma ferramenta de build local é necessária.
O Genspark Build é grátis?
Você pode testar o Genspark Build e prever um site de graça. A geração contínua e a publicação via Build it ficam nos planos Genspark Plus e Pro. Não existe oferta ilimitada grátis — cada build custa computação real.
Isto é um criador de site com IA ou um gerador de site com IA?
Os dois, na real. O Genspark Build gera o site a partir de um prompt e depois continua trabalhando nos mesmos arquivos enquanto você itera. A velha diferença entre criador e gerador deixa de importar quando o código está vivo na sua frente.
Consigo publicar o site no meu próprio domínio?
Sim. O Build it cria um deploy no Cloudflare Pages com uma URL pública de cara, e você pode apontar um domínio próprio para esse deploy. Se preferir hospedar em outro lugar, baixe o projeto — é código web padrão que roda em qualquer servidor.
Que tipos de sites eu consigo criar?
Landing pages, homepages SaaS, portfólios, páginas de preços, dashboards, fluxos de cadastro, decks, telas de onboarding. Os prompts de exemplo acima não são mockups — o Genspark Build gera cada um do começo ao fim.
Também consigo criar um app mobile?
Sim. Troque o alvo de site para app. A canvas muda para um frame de iPhone, a IA escreve código Dart e Flutter, e o Build it te devolve um projeto Flutter completo em vez de um projeto Cloudflare Pages.
O código que a IA escreve é meu?
Sim. Baixe, edite, faça fork, passe para um engenheiro. Não existe editor proprietário travando o código e não existe taxa de exportação.
Como isto é diferente de Wix, Squarespace e outros construtores de site?
Os construtores tradicionais te dão blocos para arrastar. O Genspark Build te dá uma caixa de chat. Você descreve o site, a IA escreve o código, e você refina digitando. O que sai do outro lado é código real que pertence a você.

Pronto para criar?

Seu próximo site começa com uma frase.

Comece de graça no Genspark Build. Descreva o site. A IA faz o resto.