Si vous avez déjà passé trop de temps à créer des tickets Jira pour ajuster une marge de 2 pixels ou corriger une couleur de bouton qui ne colle pas à la maquette, cette édition devrait vous parler.
On le sait tous : le passage du design (sur Figma) à l’intégration (en front-end) a toujours été source de petits accrochages. Le designer imagine l’expérience parfaite, le développeur fait au mieux avec les contraintes du code, et entre les deux, il y a parfois de la perte en ligne. Mais les choses sont en train de bouger, grâce à l’IA. Elle ne transforme pas les designers en développeurs, mais elle leur donne un super-pouvoir : l’autonomie sur l’intégration de leurs créations.
Voilà comment les équipes les plus avancées abordent ce qu’on appelle désormais le « Augmented Design Process ».
1. Discuter avec le code… en français
D’habitude, quand un designer tombe sur une interface qui ne ressemble pas à sa maquette, il se heurte vite à un mur : le code. « Pourquoi ce composant réagit comme ça ? » ou « Est-ce que le bon token de couleur a été utilisé ? »
La nouveauté, c’est que les designers peuvent maintenant interroger le code directement, sans rien casser, grâce à des outils boostés à l’IA (Claude Code, OpenCode avec le bon niveau de droit par exemple).
En clair, il suffit de poser sa question en langage naturel, et l’outil fait le lien entre le design et le code.
Un exemple : « Montre-moi comment la marge du HeroBanner est définie en CSS sur mobile. » L’IA analyse le code et répond, tout simplement. Plus besoin d’aller déranger un développeur en plein rush pour une question d’intégration.
2. Des designers qui font leurs propres correctifs
Comprendre le code, c’est bien. Pouvoir corriger les petits détails tout seul, c’est encore mieux ! Grâce aux outils de « prompt-to-code » (comme Claude Code ou Google Antigravity), les designers peuvent maintenant faire de petits ajustements UX sans passer par la case ticket.
Chez Malt, par exemple, les designers utilisent ces outils pour corriger une coquille ou ajuster un espacement sans attendre le prochain sprint. L’IA génère la correction et crée la « Pull Request » ; il ne reste plus qu’au développeur à valider. Résultat : l’équipe avance beaucoup plus vite.
3. Un respect du Design System à toute épreuve
Mais cette hybridation des rôles va dans les deux sens. Côté développeurs, le défi, c’est d’aller vite tout en respectant les guidelines du Design System.
L’arrivée du protocole MCP (Model Context Protocol) dans Figma change la donne : il permet de relier directement les outils IA des équipes tech au Design System. Concrètement, quand un développeur demande à son copilote IA de générer un composant, celui-ci va piocher les bonnes specs, tokens et règles UX directement dans Figma. Résultat : le code est aligné avec le design dès le départ.
En résumé : L’« Augmented Design Process » ne cherche pas à remplacer qui que ce soit, mais à rapprocher les métiers. En donnant aux designers un accès simple et compréhensible au code, et aux développeurs un accès direct aux règles de design, l’IA fait disparaître les allers-retours frustrants. Place à la vraie collaboration !
