Cursor adiciona IA para design visual: cliques em vez de código

A Cursor apresentou uma versão atualizada do Design Mode para o navegador. Agora é possível clicar diretamente nos elementos da interface, desenhar na página com um marcador ou descrever as mudanças por voz, e um agente de IA encontra automaticamente o código necessário no projeto e o edita. Tudo roda no modelo Composer 2.5, especializado em alterações rápidas de interface. Os resultados aparecem na hora graças ao recarregamento em tempo real, o que deixa o desenvolvimento iterativo muito mais prático.

Processado por IA de Cursor Blog; editado por Hamidun News
Cursor adiciona IA para design visual: cliques em vez de código
Fonte: Cursor Blog. Colagem: Hamidun News.
Ouvir artigo

A Cursor lançou um novo modo de design com um agente de IA que edita a interface em tempo real: em vez de escrever código, é possível clicar em elementos no navegador, desenhar as mudanças desejadas ou falá-las em voz alta, e o agente atualiza o código-fonte na hora.

Como usar o Design Mode no Cursor?

Existem quatro formas: clicar em um elemento e dar um prompt curto, desenhar na página, dizer em voz alta o que precisa mudar ou digitar um comando. O agente de IA reescreve o código automaticamente.

História
ZK
Zhemal Khamidun — CPO da Alpina Digital, gerente de produto do AlpinaGPT. Cria produtos de IA desde 2019. O Hamidun News é um projeto pessoal que virou um agregador em produção com mais de 6.000 leitores.
✦ Hands-On AI Engineering · Hamidun Academy

Build & Ship Production AI Agents Without Boilerplate Code

Start your free 72-hour trial at Hamidun Academy (academy.hamidun.com) — interactive lessons on Claude Code & Cursor, live Tech Radar, and production agent templates.

Start 72h Free Trial →Vibe-Coding Intensive
O que você acha?
Carregando comentários…