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.
Changez instantanément les styles sur votre canvas
Transformez l'apparence de n'importe quel élément de design (image, composant, frame entière) via un simple prompt dans Figma Design. Décrivez le style que vous souhaitez et l'agent l'applique directement à vos calques.
Explorez de nouvelles approches sans tout recommencer
Appliquez des modifications de style à votre travail et voyez à quoi ressemblent différentes esthétiques sur de véritables designs, et non sur des mock-up de substitut.
Retouchez les couleurs là où votre design prend vie
L'agent Figma fonctionne comme un changeur de style IA directement sur votre canvas, vous permettant de changer d'esthétique, de mettre à jour les traitements visuels et d'explorer de nouvelles approches sans changer d'outil ou reconstruire quoi que ce soit.
Oubliez les tâches répétitives, restez dans le flux créatif
Évitez de recréer manuellement. Décrivez la transformation de style que vous souhaitez (vintage, minimal, audacieux, illustratif) et laissez l'agent s'occuper du gros du travail pendant que vous vous concentrez sur les décisions créatives.
Gardez toute votre équipe synchronisée en temps réel
Les changements de style se produisent dans le fichier sur lequel votre équipe travaille. Chacun voit immédiatement l'approche mise à jour et peut s'y appuyer, sans se tromper de version ni perdre des ressources.
Les fonctionnalités sous-jacentes à l'agent
Zoom sur ce qui différencie 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. Aucun transfert séparé n'est 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 : Sélectionnez ce que vous souhaitez restyler
Sélectionnez Agents dans le rail latéral gauche ou appuyez sur CMD + Entrée. Ajoutez une frame au canvas si vous souhaitez partir d'un point de départ.
Étape 2 : Décrivez le nouveau style
Tapez votre prompt – une mise en page, une variante, une modification en masse. Orientez l'agent vers votre bibliothèque de designs pour qu'il utilise vos composants et vos styles réels.
Étape 3 : Examinez la transformation
Vérifiez le design restylé sur votre canvas. Pas entièrement satisfait ? Affinez dans le même fil ou essayez une approche différente dans un fil parallèle.
Étape 4 : Continuez d'affiner
Tout le contenu restant éditable sur le canvas, vous pouvez affiner manuellement les couleurs, les effets ou les détails ou continuer à exécuter des prompts jusqu'à obtenir le style désiré.
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
Oui. L'agent de Figma peut recolorier des composants, des frames entières ou plusieurs éléments simultanément à partir d'un seul prompt. Plus besoin de sélectionner chaque calque manuellement.
Lorsque vous connectez votre bibliothèque de designs à l'agent, celui-ci référence vos styles, tokens et variables pour générer des couleurs cohérentes avec votre marque. Vous pouvez aussi joindre une image de référence sur le canvas pour guider le résultat.
Absolument. Chaque transformation de style de l'agent Figma se retrouve sous forme de calques éditables sur votre canvas. Vous pouvez annuler la modification complètement, affiner des éléments spécifiques manuellement ou exécuter d'autres prompts dans le même fil pour ajuster. Ouvrir un fil parallèle vous permet d'explorer une approche différente sans perdre votre travail précédent.
L'agent Figma est disponible dans tous les forfaits payants de Figma. Vous le trouverez dans la barre latérale gauche de Figma Design ou pouvez l'ouvrir en appuyant sur CMD + Entrée. 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
Dans Figma, ouvrez l'agent depuis le rail de navigation gauche ou appuyez sur CMD + Entrée. Décrivez le changement de couleur souhaité (palette de marque, tons plus chauds, mode sombre), et l'IA l'applique directement à vos calques sur le canvas, sans export ni outil externe.