Prototipar uma landing page com o Cursor

Saia de uma pasta vazia e chegue a um protótipo de landing page funcional e responsivo em cerca de uma hora — um único arquivo HTML, criado descrevendo o que você quer e iterando sobre o que você vê.

O que você precisa.

O Cursor instalado com os auxiliares de design gratuitos do guia de configuração, uma pasta vazia e uma ideia clara de para quem é a página. O plano Hobby gratuito é suficiente para um primeiro protótipo.

Escreva o briefing antes do prompt.

Um parágrafo, escrito uma vez, vale mais do que vinte correções depois. Nomeie o público, a única chamada para ação e as seções em ordem — por exemplo: hero com título e CTA, três blocos de recursos, um depoimento, rodapé. Restrinja também o resultado: um arquivo HTML, estilos inline, sem frameworks, fontes do sistema.

Construa em seis passos.

  1. Abra a pasta vazia no Cursor e cole seu briefing no chat.
  2. Peça um único index.html com CSS inline — um único arquivo mantém a iteração rápida.
  3. Abra o arquivo no seu navegador e leia-o como um visitante, não como quem construiu.
  4. Diga ao agente o que mudar em termos de design — espaçamento, hierarquia, contraste — uma ou duas mudanças por mensagem.
  5. Rode o comando /responsive-preview para auditar as larguras de celular, tablet e desktop.
  6. Corrija o que a auditoria apontar e pare por aí — o trabalho de um protótipo é ser avaliado, não polido.

Verifique como quem faz design.

A ferramenta gratuita de navegador Responsive Preview mostra a página em três larguras lado a lado com rolagem sincronizada — mais rápido do que redimensionar uma janela. Fique atento a overflow horizontal no celular, linhas com mais de cerca de 80 caracteres e áreas de toque menores que 44 pixels.

Do protótipo à página no ar.

Se o protótipo se validar, publique o HTML em qualquer hospedagem estática gratuita, ou pule a manutenção de código e reconstrua-o em um template do Carrd com domínio próprio por $19 ao ano. Antes de qualquer um dos dois caminhos, rode a auditoria do Launch Checklist Prompt.

Quanto isso custa.

O protótipo em si: nada, no plano Hobby gratuito do Cursor. Se você prototipa com frequência, o Pro, a $20 por mês, remove os limites do agente — você pode usar este link de indicação do Cursor para 50 por cento de desconto no primeiro mês.