Apuntar a un botón, decir "arregla esto": el modo de diseño de Cursor finalmente habla visual

Cursor ha estado redefiniendo silenciosamente lo que un IDE impulsado por IA puede hacer. La ventana de chat es conveniente, pero el trabajo de diseño es espacial. Un desarrollador ve un botón desalineado, un diseñador detecta un problema de relleno, un gestor de producto nota un estado faltante, y el primer instinto es señalar, no escribir. the-subtle-trap-waiting-for-ai-agents-in-production

La última actualización de la compañía al Modo Diseño, anunciada hoy, convierte ese instinto en un flujo de trabajo. En lugar de traducir un problema visual en un mensaje de texto, los usuarios pueden hacer clic en cualquier elemento, dibujar en la página o describir el cambio por voz. El agente obtiene el contexto que necesita para modificar el código mientras el usuario pasa a la siguiente corrección. cursor-expands-team-marketplaces-with-mcp-servers-and-org-group-access

"El ciclo entre lo que detectas y lo que corriges se vuelve más corto", escribió el equipo en una publicación de blog. "Puedes designar precisamente la parte de la interfaz de la que estás hablando sin salir del producto en ejecución."

Más que un mensaje

La idea central es que una instrucción de texto elimina demasiada información. Un diseñador que dice "mueve esa tarjeta hacia arriba" deja al agente adivinando qué tarjeta, cuánto y en relación con qué. El Modo Diseño evita esa ambigüedad al proporcionar al agente dos señales complementarias cuando se selecciona un elemento: la identidad del elemento (xpath, componente, atributos, estilos calculados, propiedades del árbol fiber) y una captura de pantalla para contexto espacial (diseño, elementos circundantes, estado exacto de la página).

Los usuarios pueden seleccionar varios elementos a la vez, útil cuando el cambio depende de la relación entre ellos. Dibujar sobre la página es otra opción: rodear una sección desordenada, enmarcar una zona o marcar una parte de una página animada. La anotación superpone una imagen congelada del viewport para que el agente vea exactamente a lo que el usuario reaccionaba.

El dictado por voz también es nuevo en esta versión. La combinación significa que el usuario puede señalar, dibujar y hablar para describir una modificación, tres modalidades que juntas transportan mucha más información que un mensaje de texto solo. openais-new-gpt-live-1-wants-to-talk-not-just-take-turns

Adaptando el modelo al ritmo

El Modo Diseño está construido para manejar la naturaleza rápida e iterativa del trabajo de frontend. Un desarrollador que ajusta un componente notará inmediatamente el espaciado a su alrededor, luego verá cómo otro componente debería adaptarse. El nuevo modo permite a los usuarios poner en cola múltiples cambios: señalar un elemento, describir la corrección, pasar a otra parte de la página y enviar otra modificación antes de que la primera termine. Múltiples subagentes se ejecutan en paralelo, cada uno trabajando en su tarea asignada.

Este flujo de trabajo funciona mejor con un modelo que pueda aplicar cambios específicos rápidamente. Cursor recomienda su modelo Composer 2.5 para la tarea, describiéndolo como "tanto rápido como altamente efectivo para trabajo de UI". A medida que los agentes terminan, la aplicación se recarga en caliente, los cambios aparecen instantáneamente en el producto en ejecución y el usuario sigue iterando hasta que la interfaz se vea correcta. anthropic-launches-claude-sonnet-5-a-new-frontier-in-agentic-ai-at-lower-cost

Cerrando la brecha visual

El Modo Diseño es parte de un esfuerzo más amplio dentro de Cursor para reducir la distancia entre lo que un usuario ve y lo que el agente entiende. La compañía argumenta que el futuro del desarrollo de software implica moverse fluidamente entre niveles más altos de abstracción y detalles de nivel inferior, todo mientras se permanece en un estado de flujo.

"El Modo Diseño brinda a los usuarios el control, la autonomía y las herramientas de edición de precisión que hacen esto posible", escribió el equipo.

La actualización ya está disponible en la ventana de agentes dentro del Navegador de Cursor. Para los desarrolladores que pasan sus días ajustando UIs, es un cambio pequeño con un efecto descomunal: el agente finalmente ve a lo que están señalando. why-metas-muse-spark-signals-a-strategic-pivot-in-generative-media