O que é o Cursor, para quem faz design.
O Cursor é um editor de código com um agente de IA embutido: descreva o que você quer no chat e ele escreve e edita os arquivos na sua frente. Para quem faz design, isso significa protótipos funcionais em vez de mockups estáticos — HTML e CSS reais que você pode abrir em um navegador, redimensionar e entregar. O plano Hobby é gratuito; o Pro custa $20 por mês.
Instale e abra um projeto.
- Baixe o Cursor em cursor.com e instale-o — há versões para macOS, Windows e Linux.
- Entre ou crie uma conta; o plano Hobby gratuito não pede cartão de crédito.
- Abra uma pasta — um projeto existente ou uma vazia para protótipos.
- Abra o painel de chat e peça algo pequeno para confirmar que o agente responde.
Adicione os dois auxiliares de design gratuitos.
Ambos são downloads gratuitos desta loja e levam um minuto cada para adicionar.
- Comando Responsive Preview — um slash command /responsive-preview que captura sua página em larguras de celular, tablet e desktop e retorna uma auditoria de layout com aprovado/alerta/reprovado no chat.
- Skill Ghost Wireframe — gera wireframes de UI esqueleto com papéis de ghost consistentes, para você esboçar um layout antes de estilizá-lo.
Rode sua primeira análise de design.
- Abra uma página do seu projeto — ou peça ao agente para montar uma simples.
- Rode o comando /responsive-preview nela.
- Leia a auditoria: overflow, áreas de toque apertadas e problemas de breakpoint aparecem como alerta ou reprovado.
- Peça ao agente para corrigir o que falhou e rode o comando de novo.
Quanto custa.
O plano Hobby é gratuito com requisições de agente limitadas — o suficiente para aprender o editor. O Pro, a $20 por mês, amplia os limites do agente e adiciona acesso a modelos de ponta e agentes na nuvem, que é onde fica o trabalho regular de prototipagem. Se você decidir pelo Pro, pode usar este link de indicação do Cursor para 50 por cento de desconto no primeiro mês. Mais detalhes em Vale a pena o Cursor para quem faz design?
Quando o Cursor é a ferramenta errada.
Se você nunca quer ver código — moodboards, exploração visual, mockups para clientes — uma ferramenta de design serve melhor do que qualquer editor. E se o objetivo é um site de uma página no ar em vez de um protótipo, um template do Carrd chega lá sem nem abrir um editor.