Cursor atualiza Design Mode com edição visual direta em produtos ao vivo

O Design Mode do Cursor não é só mais um editor visual: é uma ponte entre intenção de design e execução de código em tempo real. Lançado originalmente em abril com o Cursor 3, ele evoluiu para a versão 3.7 em 5 de junho, dois dias antes desta atualização, com seleção múltipla inteligente, narração por voz 'sempre ativa' e desenho direto sobre quadros congelados da interface. Ao apontar para um botão ou arrastar um retângulo sobre três cards, o agente não lê apenas pixels; ele extrai o código-fonte do elemento, seu CSS aplicado, o layout relativo e as dependências visuais. Isso elimina a lacuna de referência que afunda prompts genéricos como 'deixe esse card maior'. O Composer 2.5, lançado em 20 de maio, é o cérebro por trás disso: treinado com dados sintéticos e reforço direcionado, ele traduz gestos e frases em alterações reais no repositório, sem intermediários.

A novidade não está em 'editar visualmente', mas em editar *no contexto exato* onde o código vive: dentro de uma aplicação rodando localmente ou em staging, com acesso total ao estado, aos hooks e às variáveis de ambiente. Diferente do Figma Make, que ainda opera via importação/exportação de código, o Design Mode do Cursor modifica o arquivo fonte diretamente, gera diff claro e espera confirmação humana antes do commit. Ele também se integra ao Model Context Protocol (MCP), puxando tarefas do Jira ou requisitos do Notion para contextualizar cada mudança, transformando um clique em um artefato de produto com rastro completo.

Em abril, o Design Mode era uma janela isolada de agentes com edição visual limitada a elementos únicos e descrições textuais. Em maio, o Composer 2.5 trouxe melhor precisão na geração de código UI, mas ainda exigia instruções explícitas. Agora, com a versão 3.7, o sistema entende relações espaciais ('alinhe esses três inputs à direita do formulário'), processa comandos em fila por voz enquanto executa outra tarefa e reconhece padrões visuais para aplicar mudanças em bloco, algo que não existia nas versões anteriores. Também é a primeira vez que o modo opera diretamente em ambientes de produção simulados (staging), não só em preview estático.

Isso muda quem pode contribuir com código: designers sênior agora ajustam layouts em tempo real sem abrir o terminal; PMs validam microalterações de UX antes do sprint fechar; até QA pode reportar bugs com um círculo vermelho em volta do campo errado e uma frase, e o agente já propõe o patch. Mas o impacto real está na velocidade de iteração: reduzir de minutos para segundos o ciclo 'ideia → mockup → código → teste' acelera testes A/B, correções críticas e experimentos de UI. E, ao manter o humano no loop com diffs claros e aprovações explícitas, evita o principal risco dessas ferramentas: código gerado que funciona, mas quebraria arquitetura ou acessibilidade em escala.