Connectez-vous à une bibliothèque de designs
Générez et affinez en utilisant vos composants, tokens et variables réels – et non un substitut d'UI que vous devrez remplacer plus tard.
Votre assistant de design IA, directement sur le canvas
L'agent Figma fonctionne au sein de Figma Design, en se basant sur le contexte de votre design et non pas sur des substituts. Explorez les options, automatisez les tâches fastidieuses et recueillez un feedback là où votre équipe travaille déjà.
Conçu pour refléter votre véritable manière de travailler
L'agent Figma vous aide à passer d'une idée approximative à un design raffiné sans quitter le canvas. Vous pouvez désormais explorer plus d'options, réduire les tâches fastidieuses et maintenir votre équipe alignée du début à la fin.
Restez dans le flux, éliminez les tâches répétitives
Déléguez les modifications en masse, l'échafaudage de la mise en page et les audits du design system tout en conservant la précision de l'édition visuelle directe. Vous gardez le contrôle du canvas.
Explorez plus, avec une fidélité accrue
Générer des idées dans un espace partagé avec un assistant de conception IA qui utilise votre design system réel afin que vous puissiez comparer de véritables options au lieu de simples substituts génériques.
Alignez votre équipe, bouclez la boucle
Synthétisez les retours dispersés, mettez les idées à l'épreuve du point de vue d'une partie prenante et appliquez les modifications directement dans votre fichier. Aucune donnée n'est perdue dans la traduction.
Les fonctionnalités derrière l'agent
Un regard plus approfondi sur ce qui distingue l'agent Figma, conçu pour le mode de travail des équipes design.
Génération de prompts parallèles
Exécutez plusieurs prompts en même temps pour comparer des approches en parallèle au lieu de perdre du temps à les tester une par une.
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 design. Pas de transfert séparé nécessaire.
Compétences
Regroupez les workflows et les conventions de votre équipe dans des /commandes réutilisables que quiconque peut exécuter à la demande.
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
Étape 1 : Commencez par une frame
Ouvrez Figma Design et ajoutez une frame sur laquelle travailler. Ouvrez l'agent depuis la barre de navigation de gauche pour commencer.
Étape 2. Décrivez l'interface
Dites à l'agent ce que vous voulez créer. Vous souhaitez qu'il utilise vos composants et vos styles réels ? Orientez-le vers votre bibliothèque de designs.
Étape 3. Vérifiez le résultat
Vérifiez le résultat sur votre canvas. Pas tout à fait correct ? Affinez dans le même fil ou ouvrez un fil parallèle pour explorer une approche différente.
Étape 4. Optimisez ou automatisez davantage
Si vous êtes satisfait du résultat, transformez le workflow en compétence réutilisable afin que l'agent puisse l'exécuter de la même manière la prochaine fois – sans qu'il soit nécessaire de rédiger de nouveaux prompts à partir de zéro.
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
L'agent Figma étant un assistant de conception IA directement intégré dans Figma Design, il est là dès que vous en avez besoin. Vous pouvez l'utiliser pour générer des mises en page, créer et éditer des calques, explorer des approches, concevoir des composants à partir de vos bibliothèques existantes et résumer le feedback pour l'appliquer directement sur le canvas – le tout sans quitter votre espace de travail.
Comme tous les modèles d'IA, cela dépend. Le résultat variant en fonction de votre prompt, du contexte du fichier et de la complexité de la tâche, il est toujours judicieux de le vérifier avant d'utiliser quoi que ce soit dans un travail final. Les meilleurs résultats sont obtenus lorsqu'un prompt clair est associé à un contexte réel. Consultez nos bonnes pratiques en matière de prompts pour tirer le meilleur parti de vos requêtes.
L'utilisation de vos données par Figma est régie par nos accords clients, qui couvrent la gestion, la sécurisation et l'amélioration de nos services. Si le commutateur d'entraînement d'IA est désactivé dans les paramètres de votre compte, votre contenu ne sera pas utilisé pour former nos modèles. Nous prenons également des mesures pour supprimer les données sensibles afin de protéger votre vie privée.
L'agent Figma est disponible dans tous les forfaits payants de Figma. Si vous y avez accès, vous le trouverez dans la barre de navigation 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
Il suffit d'orienter l'agent Figma vers vos bibliothèques de designs existantes et il référencera vos styles, composants et variables pour générer un résultat. Vous pouvez également ajouter des images ou des designs existants en tant que référence sur le canvas. Plus vous y apportez de contexte, plus les résultats seront conformes à la marque.