ctrlS Formation

Le Figma Agent, c'est quoi exactement ?

Le Figma Agent est un espace de conversation situé à l’intérieur d’un fichier Figma Design, capable d’exécuter des actions sur le canvas. Il génère et remixe des designs, automatise des tâches répétitives et donne du feedback sur un écran existant.

La nuance avec un chatbot classique compte plus qu’on ne le croit. Un chatbot discute à côté de votre travail ; l’Agent, lui, est dans le fichier. Il voit ce qui l’entoure et peut s’en servir.

Depuis Config 2026, une autre chose a changé : les conversations avec l’Agent sont visibles par défaut par les autres membres de l’équipe ayant accès au fichier. Les threads antérieurs au 23 juin 2026 restent privés.

bannerFigmaAgent

Pourquoi le contexte compte autant que le prompt ?

Un prompt générique produit un design générique, parce que le modèle comble les vides avec des moyennes statistiques. « Crée-moi une page SaaS moderne » donnera des cartes arrondies, un dégradé violet et trois colonnes de features. Pas parce que l’outil est mauvais, mais parce que la demande ne contenait aucune information.

Ce que vous pouvez fournir à l’Agent pour éviter ça :

  • le brief du projet : objectif, cible, contraintes
  • des fichiers joints : specs, contenus réels, moodboard
  • une bibliothèque de composants de votre équipe
  • vos styles et variables
  • des références visuelles précises.

Rien de révolutionnaire là-dedans. C’est exactement ce que vous donneriez à un freelance qui rejoint le projet lundi matin.

Qu'est-ce qu'un Skill dans Figma ?

Un Skill est une instruction réutilisable que l’on prépare une fois et que l’on déclenche ensuite dans n’importe quelle conversation avec l’Agent. Il évite de réexpliquer les mêmes règles à chaque nouveau chat.

Trois exemples concrets pour une équipe design :

  1. Un Skill « fiche produit » qui décrit la structure attendue et les composants à utiliser.
  2. Un Skill « accessibilité » qui rappelle les règles internes : contrastes, tailles de touche, hiérarchie.
  3. Un Skill « revue de design » qui impose votre grille de critères avant validation.

C’est un peu la différence entre expliquer le fonctionnement du studio à chaque stagiaire et écrire enfin la documentation.

figmaAgentIA_illustration

Comment connecter une bibliothèque à l'Agent ?

Figma permet de connecter au chat une bibliothèque disponible dans le fichier, afin que l’Agent travaille avec les composants, styles et variables de l’équipe.

C’est probablement la fonction la plus efficace contre le « design IA générique ». Un Agent qui connaît votre design system produit quelque chose qui ressemble à votre produit, pas à la moyenne de Dribbble.

Prérequis évident, mais rarement rempli : votre bibliothèque doit être propre. Composants nommés clairement, variables cohérentes, styles rangés. Un design system approximatif donnera un Agent approximatif.

À quoi sert la recherche web dans le Figma Agent ?

La recherche web s’active dans l’Agent et lui permet d’aller chercher des informations publiques nécessaires à la tâche en cours.

Trois usages qui reviennent souvent :

  • construire une maquette à partir de données récentes plutôt qu’inventées ;
  • récupérer un contenu public existant (tarifs, catalogue, mentions légales) ;
  • remplir une démo avec de vrais noms et de vrais chiffres, à la place du Lorem ipsum.

Détail mineur en apparence. Mais tester une interface avec du contenu réel révèle immédiatement les problèmes de longueur de texte, de troncature et de hiérarchie que le faux contenu masque.

Comment écrire un bon prompt pour le Figma Agent ?

Un prompt efficace dans Figma ressemble à un brief de design, pas à une formule magique. Cinq blocs suffisent :

BlocCe qu’il précise
Objectifce qui doit être produit, et pour quel usage
Publicpour qui, avec quel niveau de familiarité
Contexteproduit, marché, contraintes techniques
Ressourcesfichier joint, bibliothèque, références
Règlescomposants imposés, grille, accessibilité, ton

Bonne nouvelle pour ceux qui n’ont jamais eu envie d’apprendre le « prompt engineering » : c’est le métier, écrit autrement.

Le Figma Agent remplace-t-il le designer ?

Non. L’Agent figma accélère la production et l’exploration, mais il ne porte ni la compréhension des utilisateurs, ni les arbitrages produit, ni la stratégie de marque, ni la responsabilité de la qualité finale.

Le rôle se déplace, en revanche. Formuler le bon problème, choisir les bonnes références, poser les contraintes, évaluer d’un œil critique ce qui revient sur le canvas : c’est là que se joue la valeur ajoutée.

Ce qu'il faut retenir

Le Figma Agent version 2026 est intéressant parce qu’il devient contextuel. Fichiers, bibliothèques, Skills, recherche web, transforment l’IA en outil branché sur le workflow plutôt qu’en générateur isolé.

Trois réflexes suffisent à en tirer quelque chose : travailler avec des briefs structurés, fournir le bon contexte, garder une étape de validation humaine avant de livrer.