Pointez un bouton, dites "répare ça", le mode Design de Cursor parle enfin visuel

Cursor remodelait discrètement ce qu'un IDE boosté à l'IA peut accomplir. La fenêtre de chat est pratique, mais le travail de design est spatial. Un développeur voit un bouton mal aligné, un designer repère un problème de padding, un chef de produit remarque un état manquant, et le premier réflexe est de pointer, pas de taper.

La dernière mise à jour du Mode Design de l'entreprise, annoncée aujourd'hui, transforme cet instinct en workflow. Plutôt que de traduire un problème visuel en une invite textuelle, les utilisateurs peuvent cliquer sur n'importe quel élément, tracer sur la page ou décrire le changement par la voix. L'agent obtient le contexte nécessaire pour modifier le code pendant que l'utilisateur passe à la correction suivante.

"La boucle entre ce que vous repérez et ce que vous corrigez devient plus courte," a écrit l'équipe dans un article de blog. "Vous pouvez désigner précisément la partie de l'interface dont vous parlez sans quitter le produit en cours d'exécution."

Plus qu'une invite

L'idée fondamentale est qu'une instruction textuelle évacue trop d'informations. Un designer qui dit "déplace cette carte vers le haut" laisse l'agent deviner quelle carte, de combien, et par rapport à quoi. Le Mode Design évite cette ambiguïté en fournissant à l'agent deux signaux complémentaires lorsqu'un élément est sélectionné : l'identité de l'élément (xpath, composant, attributs, styles calculés, props de l'arbre fiber) et une capture d'écran pour le contexte spatial (disposition, éléments environnants, état exact de la page).

Les utilisateurs peuvent sélectionner plusieurs éléments à la fois, utile lorsque la modification dépend de la relation entre eux. Tracer sur la page est une autre option : entourer une section encombrée, encadrer une zone, ou marquer une partie d'une page animée. L'annotation superpose une image figée du viewport afin que l'agent voie exactement ce à quoi l'utilisateur réagissait.

La dictée vocale est également nouvelle dans cette version. La combinaison signifie que l'utilisateur peut pointer, tracer et parler pour décrire une modification, trois modalités qui transportent ensemble bien plus d'informations qu'une invite textuelle seule.

Adapter le modèle au rythme

Le Mode Design est conçu pour gérer la nature rapide et itérative du travail frontend. Un développeur qui ajuste un composant remarquera immédiatement l'espacement autour de lui, puis verra comment un autre composant doit s'adapter. Le nouveau mode permet aux utilisateurs de mettre en file d'attente plusieurs modifications : pointer un élément, décrire la correction, passer à une autre partie de la page, et envoyer une autre modification avant que la première ne soit terminée. Plusieurs sous-agents s'exécutent en parallèle, chacun travaillant sur sa tâche assignée.

Ce workflow fonctionne mieux avec un modèle capable d'appliquer rapidement des modifications ciblées. Cursor recommande son modèle Composer 2.5 pour cette tâche, le décrivant comme "à la fois rapide et très efficace pour le travail d'interface utilisateur." À mesure que les agents terminent, l'application se recharge à chaud, les modifications apparaissent instantanément dans le produit en cours d'exécution, et l'utilisateur continue d'itérer jusqu'à ce que l'interface soit satisfaisante.

Combler le fossé visuel

Le Mode Design fait partie d'une initiative plus large chez Cursor visant à réduire la distance entre ce que l'utilisateur voit et ce que l'agent comprend. L'entreprise soutient que l'avenir du développement logiciel implique de naviguer fluidement entre des niveaux d'abstraction plus élevés et des détails de bas niveau, tout en restant dans un état de flux.

"Le Mode Design donne aux utilisateurs le contrôle, l'autonomie et les outils d'édition de précision qui rendent cela possible," a écrit l'équipe.

La mise à jour est disponible dès maintenant dans la fenêtre des agents du navigateur de Cursor. Pour les développeurs qui passent leurs journées à peaufiner des interfaces utilisateur, c'est un petit changement avec un effet considérable : l'agent voit enfin ce qu'ils pointent du doigt.