Ce qu'est Cursor, pour un designer.
Cursor est un éditeur de code avec un agent IA intégré : décrivez ce que vous voulez dans le chat, et il écrit et modifie les fichiers sous vos yeux. Pour les designers, cela signifie des prototypes fonctionnels plutôt que des maquettes statiques — du vrai HTML et CSS que vous pouvez ouvrir dans un navigateur, redimensionner et transmettre. Le forfait Hobby est gratuit ; Pro coûte 20 $ par mois.
Installer et ouvrir un projet.
- Téléchargez Cursor sur cursor.com et installez-le — des versions macOS, Windows et Linux sont disponibles.
- Connectez-vous ou créez un compte ; le forfait Hobby gratuit ne demande pas de carte bancaire.
- Ouvrez un dossier — un projet existant ou un dossier vide pour des prototypes.
- Ouvrez le panneau de chat et demandez quelque chose de simple pour confirmer que l'agent répond.
Ajouter les deux aides de design gratuites.
Les deux sont des téléchargements gratuits de cette boutique et prennent une minute chacune à ajouter.
- Commande Responsive Preview — une commande slash /responsive-preview qui capture votre page aux largeurs mobile, tablette et desktop et renvoie un audit de mise en page pass/warn/fail dans le chat.
- Skill Ghost Wireframe — génère des wireframes UI squelettes avec des rôles ghost cohérents, pour esquisser une mise en page avant de la styliser.
Lancer votre première passe de design.
- Ouvrez une page de votre projet — ou demandez à l'agent d'en créer une simple.
- Lancez la commande /responsive-preview dessus.
- Lisez l'audit : débordements, zones tactiles trop serrées et problèmes de points de rupture apparaissent comme warn ou fail.
- Demandez à l'agent de corriger ce qui a échoué, puis relancez la commande.
Ce que ça coûte.
Le forfait Hobby est gratuit avec un nombre limité de requêtes agent — suffisant pour apprendre l'éditeur. Pro à 20 $ par mois étend les limites de l'agent et ajoute l'accès aux modèles de pointe et aux agents cloud, ce qui correspond au travail de prototypage régulier. Si vous optez pour Pro, vous pouvez utiliser ce lien de parrainage Cursor pour 50 % de réduction sur votre premier mois. Plus de détails dans Cursor en vaut-il la peine pour les designers ?
Quand Cursor n'est pas le bon outil.
Si vous ne voulez jamais voir de code — moodboards, exploration visuelle, maquettes client — un outil de design vous sert mieux que n'importe quel éditeur. Et si l'objectif est un site d'une page en ligne plutôt qu'un prototype, un modèle Carrd y arrive sans même ouvrir un éditeur.