Connectez-vous à une bibliothèque de designs
Orientez l'agent vers votre design system et il générera des tableaux de bord utilisant vos composants réels, vos tokens de couleur et vos variables d'espacement, prêts pour la production.
Créez des tableaux de bord plus rapidement avec un agent IA
Générez des mises en page de tableaux de bord riches en données directement dans Figma Design en utilisant vos composants réels et vos tokens de conception. Explorez plusieurs pistes simultanément, faites l'impasse sur les échafaudages et poursuivez la construction.
Pourquoi concevoir des tableaux de bord avec un agent IA
L'agent Figma comprend le contexte de votre canvas, se connecte à votre bibliothèque de designs et génère des mises en page de tableau de bord prêtes pour la production que vous pouvez continuer à faire évoluer.
Explorez plus de mises en page avec une fidélité accrue
L'agent Figma génère de véritables variantes de tableau de bord en utilisant vos composants, tokens et variables réels, et non des wireframes de substitut. Comparez côte à côte plusieurs approches de visualisation de données et choisissez celle qui fonctionne.
Supprimez les échafaudages, restez dans le flux
Évitez les tâches répétitives consistant à créer de toutes pièces des grilles de tableau de bord, des structures de cartes et des conteneurs de graphiques. Décrivez ce dont vous avez besoin et laissez l'agent gérer la configuration pendant que vous vous concentrez sur les décisions de conception qui comptent.
Alignez votre équipe sur chaque itération
Chaque tableau de bord se trouve dans le fichier sur lequel votre équipe travaille. Les parties prenantes ont accès à l'historique complet des prompts, au contexte et aux révisions : rien ne se perd lors de l'exportation ni ne reste enfoui dans un document de transfert distinct.
Les fonctionnalités derrière les tableaux de bord
Zoom sur ce qui différencie l'agent Figma, conçu pour le mode de travail des équipes design.
Génération parallèle de prompts
Explorez simultanément plusieurs pistes pour le tableau de bord. Exécutez des prompts en parallèle pour comparer les mises en page, les visualisations de données et les hiérarchies d'informations sans attendre.
Fils partageables
Partagez un fil et votre équipe verra l'intégralité du prompt, du contexte et de l'historique d'itération sous-jacents au tableau de bord. Aucun transfert séparé n'est nécessaire.
Regroupez des workflows sous forme de compétences
Transformez vos meilleurs prompts de tableau de bord en compétences réutilisables. Exécutez-les de nouveau avec une seule commande chaque fois que vous avez besoin d'une mise en page similaire.
Figma semble être une extension naturelle de ma main. Je fais mon idéation de design directement sur le canvas, et maintenant l'agent s'en occupe jusqu'à la dernière ligne droite. Avec mes bibliothèques de designs connectées, je peux passer du design au code plus rapidement que jamais.
Andy Madrick
Designer produit, Notion
Démarrez avec l'agent Figma
Ouvrir l'agent
Sélectionnez Agents dans le rail latéral gauche ou appuyez sur CMD + Entrée. Ajoutez une frame au canvas pour y travailler.
Décrivez votre tableau de bord
Indiquez à l'agent de quel type de tableau de bord vous avez besoin – mesures, types de données, préférences de mise en page. Orientez-le vers votre bibliothèque de designs afin qu'il utilise vos composants réels.
Examinez sur le canvas
Vérifiez le tableau de bord généré sur votre canvas. Affinez dans le même fil ou commencez un fil parallèle pour explorer une approche différente.
Continuez à itérer
Relancez un prompt pour ajuster les graphiques, réorganiser les cartes ou remplacer des éléments. Tout reste modifiable, ce qui vous permet d'effectuer des ajustements manuels ou d'utiliser de nouveaux prompts jusqu'à obtenir le résultat souhaité.
Devenez un expert en agents
L'agent Figma Design est disponible
En savoir plusObservez l'agent IA de Figma en action et voyez comment l'utiliser dans vos propres workflows.
Travailler avec l'agent Figma
DémarrerTerrain de jeu pratique pour découvrir les fonctionnalités de l'agent Figma (des modifications en masse à la mise en œuvre du feedback), avec des instructions étape par étape intégrées.
Comment utiliser l'agent Figma dans vos workflows de conception
Regarder la vidéoApprenez à utiliser l'agent Figma dans vos workflows de conception grâce à un didacticiel étape par étape de l'équipe Figma.
FAQ
Un agent de tableau de bord IA vous aide à générer des mises en page de visualisation de données à partir d'un prompt. Avec l'agent Figma, vous décrivez le tableau de bord dont vous avez besoin (mesures, graphiques, types de données), et il construit la mise en page directement sur votre canvas en utilisant les composants de votre design system. Cette fonctionnalité étant intégrée dans Figma Design, vous n'avez pas besoin de passer d'un outil à l'autre.
Vous pouvez générer des mises en page complètes de tableau de bord, explorer différentes approches de visualisation de données, structurer des grilles de cartes et des conteneurs de graphiques, et faire évoluer les mises en page grâce à des prompts complémentaires. L'agent Figma prend en charge les tâches de configuration répétitives, vous permettant ainsi de vous concentrer sur l'affinage du design et la coordination avec votre équipe.
Un agent de tableau de bord utile doit se connecter à votre design system, générer de véritables composants plutôt que des espaces réservés, prendre en charge l'exploration en parallèle et permettre de tout modifier. L'agent de Figma réalise tout cela nativement sur votre canvas, avec des fils de discussion partageables qui permettent à votre équipe de saisir le contexte complet de chaque itération.
L'agent Figma est disponible dans tous les forfaits payants de Figma. Vous le trouverez dans le rail latéral gauche de Figma Design. Dans la version bêta ouverte actuelle, il n'utilise pas de crédits d'IA – c'est donc le bon moment pour explorer, expérimenter et nous faire part de votre feedback.
Créez plus vite avec l'agent Figma
L'agent de Figma lit votre prompt et le contexte du canvas, puis génère des mises en page de tableau de bord en utilisant votre bibliothèque de designs connectée. Comme il comprend vos composants, tokens et variables, le résultat est prêt pour la production, plutôt que de constituer une simple interface d'espace réservé. Vous pouvez exécuter plusieurs prompts en parallèle pour explorer différentes approches à la fois.