Tutoriel Devin Desktop : utiliser Devin AI pas à pas
Un pas-à-pas illustré de l'espace de travail agent de Devin : connectez un dépôt GitHub, regardez Devin planifier et coder dans sa propre VM cloud, validez le plan, puis fusionnez sa pull request. Chaque étape provient d'une session réellement enregistrée.
L'essentiel — Devin Desktop en 2026
- Windsurf a été renommé Devin Desktop par Cognition le 2 juin 2026, et l'agent Cascade a été abandonné le 1er juillet, remplacé par Devin Local. Ce tutoriel parcourt l'espace de travail agent Devin au cœur du produit.
- Devin se connecte à votre dépôt GitHub, le clone dans une VM cloud Ubuntu 22.04 neuve à chaque session et travaille en autonomie avec navigateur, shell et éditeur.
- Chaque tâche se termine par une pull request GitHub : Devin propose un plan à confirmer, puis un résumé avec checklist et identifiants de test à vérifier avant la fusion.
- Ask Devin effectue des recherches dans vos bases de code (avec un interrupteur Deep), DeepWiki génère automatiquement la documentation avec des schémas, et la tarification démarre à 20 $ à l'usage.
Devin AI Tutorial - 2026 | How to Use Devin AI? (Step-by-step Guide)
Captures:Dan - Smart Tutorials8:48
Introducing Devin Desktop
Faits officiels:Cognition0:45
Les captures d'écran proviennent de la vidéo de démonstration ; les faits produit ont été recoupés avec la vidéo officielle de lancement de Cognition.
Les vignettes © Dan - Smart Tutorials / Cognition sont utilisées ici pour documenter l'interface. Cliquez pour voir les originaux.
Tutoriel Devin Desktop — 14 étapes de la connexion à la fusion
Partie 1 · Connecter votre espace de travail
- 1
Ouvrez Devin et choisissez un mode d'agent
Connectez-vous sur app.devin.ai : vous arrivez sur l'invite « What do you want to get done? ». Avant de taper, ouvrez le menu des modes : Agent exécute votre tâche de bout en bout avec navigateur, shell et éditeur, Deep Agent gère les instructions complexes de plus de 30 minutes, et Ask répond rapidement sans interrompre Devin.
Le sélecteur d'agent sur l'écran d'accueil de Devin — Agent pour les exécutions complètes, Deep Agent pour les longs travaux, Ask pour les questions rapides.Voir à 1:10 - 2
Connectez le dépôt GitHub sur lequel Devin doit travailler
Dans la vidéo, un projet de démo PHP nommé ecommerce-dashboard est connecté depuis GitHub. Vérifiez que votre compte Devin peut accéder au dépôt et sélectionnez-le comme cible — Devin associe le dépôt choisi à chaque requête via la puce de dépôt.
Le dépôt ecommerce-dashboard sur GitHub — le projet de démo que Devin va cloner et modifier.Voir à 1:40 - 3
Ajoutez le dépôt à l'espace de travail Devin
Dans Settings → Devin's Machine, utilisez « Add a New Repository to Devin's Workspace » et confirmez le dépôt. Devin conserve une machine par espace de travail et fournit à chaque session une copie neuve, sans toucher à votre environnement local.
Réglages de Devin's Machine — le dépôt ecommerce-dashboard est ajouté à l'espace de travail.Voir à 1:44 - 4
Regardez Devin préparer sa machine virtuelle
Devin lance une machine virtuelle Ubuntu 22.04 (x86_64), y clone votre dépôt et prend un instantané pour réutilisation. Un VS Code complet avec terminal s'ouvre dans le navigateur — la vidéo envoie simplement « I'm ready » et Devin configure le projet en autonomie.
VS Code dans la VM Ubuntu de Devin pendant que la checklist de configuration s'exécute.Voir à 2:16
Partie 2 · Lancer vos premières tâches
- 5
Vérifiez l'indexation et les réglages de l'espace
Une fois le dépôt indexé, Devin's Machine affiche « Indexing Completed » avec des options de mise à jour ou de suppression. Autour, vous trouverez aussi les réglages d'organisation — membres, Devin's API, intégrations — ainsi que la facturation et les métriques d'usage, où les équipes invitent des collègues ou branchent Slack et Linear.
Indexation terminée — le dépôt est cloné, configuré et gérable depuis les réglages de Devin.Voir à 2:32 - 6
Laissez Devin faire ses preuves avec une PR de documentation
La première tâche demande à Devin de vérifier l'accès au dépôt en améliorant le README. Il planifie le travail, pousse une branche et ouvre la pull request « Enhance README documentation with project structure and features #1 » — avec un schéma et un résumé Task Completed contenant le lien vers la PR.
Aperçu du plan, carte de pull request et résumé Task Completed pour la PR de documentation README de Devin.Voir à 2:56 - 7
Confiez à Devin un vrai bug à corriger
Le tutoriel demande à Devin de corriger des erreurs d'authentification dans login.php qui renvoient des erreurs de validation aux utilisateurs. Tapez la tâche dans l'invite avec la puce du dépôt ecommerce-dashboard sélectionnée, puis envoyez avec Cmd+Enter.
Le bug d'authentification de login.php saisi dans l'invite de Devin, prêt à partir avec Cmd+Enter.Voir à 3:36
Partie 3 · Réviser, fusionner, chercher
- 8
Relisez l'aperçu du plan avant que Devin ne code
Devin enquête d'abord : il liste la logique de validation, le gestionnaire POST et la gestion de session trouvés, affiche un indice de confiance, puis publie un Plan Overview — corriger le problème de compatibilité PHP 8.x, ajouter la colonne password manquante, passer à une authentification basée sur CSV pour la démo et tester le flux de connexion en local. Appuyez sur Confirm pour approuver.
La carte Plan Overview de Devin avec un indice de confiance et un bouton Confirm pour validation.Voir à 4:00 - 9
Révisez et fusionnez la pull request sur GitHub
Devin ouvre une pull request pour le correctif — la vidéo montre « Fix authentication errors in login.php #2 » avec un commentaire du bot devin-ai-integration expliquant comment donner son avis. GitHub indique l'absence de conflits avec la branche de base : le bouton vert Merge pull request termine le travail.
GitHub n'affiche aucun conflit sur la PR de Devin — un clic sur Merge pull request et le correctif part en production.Voir à 5:12 - 10
Lisez le résumé final et les identifiants de test
De retour dans Devin, la session annonce « Authentication errors in login.php are fixed » avec le lien vers la PR #2 fusionnée et des identifiants de démo (admin / admin) pour tester le formulaire de connexion en conditions réelles. La chronologie liste chaque modification — style.css, login.php, users.csv, functions.php — et les 4 minutes 24 secondes nécessaires.
Le résumé de Devin avec le lien de la PR fusionnée, la chronologie des fichiers et les identifiants admin de démo.Voir à 5:28 - 11
Cherchez dans votre base de code avec Ask Devin
Ask Devin (bêta) répond aux questions sur les dépôts connectés. La vidéo saisit « Find all authentication functions in this codebase », garde le filtre à 1 Repos: All et active l'interrupteur Deep pour une analyse approfondie avant l'envoi — une capture d'écran peut aussi être jointe à la requête.
Ask Devin avec une question sur la base de code et l'interrupteur Deep activé pour une analyse poussée.Voir à 6:08
Partie 4 · Docs, wiki et tarifs
- 12
Obtenez des réponses structurées, fichier par fichier
Avec Deep activé, Devin cherche dans tous les dépôts et renvoie des résultats groupés : fonctions d'authentification frontend, middleware et utilitaires JWT côté backend, fonctions des services d'authentification — chacun avec les références de fichiers pertinentes, comme une documentation vivante de la base de code.
Les résultats Deep d'Ask Devin groupent les fonctions d'authentification frontend, backend et services avec références de fichiers.Voir à 6:40 - 13
Générez la doc automatiquement avec DeepWiki
DeepWiki transforme un dépôt connecté en base de connaissances documentaire. Ouvrez le wiki, choisissez le dépôt ecommerce-dashboard, et Devin génère une vue d'ensemble, la structure du projet et des schémas — le travail de documentation que les développeurs redoutent, fait automatiquement.
L'écran d'accueil DeepWiki avec le dépôt ecommerce-dashboard prêt à générer la documentation.Voir à 7:20 - 14
Choisissez un forfait — Core dès 20 $
La page Compare plans liste Core avec ACU à l'usage dès 20 $, Team à 500 $/mois avec accès anticipé aux nouveautés et programmes de recherche, et Enterprise sur devis. Les lignes montrent exactement ce qui diffère : tâches autonomes, apprentissage, Devin IDE, Ask Devin, DeepWiki et accès API.
La page Compare plans de Devin — Core dès 20 $ à l'usage, Team à 500 $/mois, Enterprise sur devis.Voir à 7:44
De Windsurf à Devin Desktop
| Date | Ce qui s'est passé |
|---|---|
| 2 juin 2026 | Cognition renomme Windsurf en Devin Desktop via une mise à jour OTA ordinaire — même application, nouvelle marque. |
| 1er juillet 2026 | Cascade arrive en fin de vie et cède sa place à Devin Local comme agent intégré à l'éditeur. |
| Ce tutoriel | L'espace de travail agent Devin — connexion du dépôt, sessions en VM cloud, validation du plan et fusion des PR — étape par étape. |