Naviguer jusqu'au contenu principal

Votre agent de conception IA, intégré dans le plan de travail

L'agent de Figma est un agent de conception IA intégré dans Figma Design. Il réfléchit, agit et exécute des tâches de conception multi-étapes sur votre plan de travail, en utilisant vos vrais composants, tokens et variables, pas des substituts.

  • Airbnb
  • Atlassian
  • Dropbox
  • Duolingo
  • GitHub
  • Microsoft
  • Netflix
  • The New York Times
  • Pentagram
  • Slack
  • Stripe
  • Zoom

Conçu pour suivre votre véritable manière de travailler

Un agent de conception IA devrait faire plus que répondre aux questions. L'agent de Figma fonctionne sur votre plan de travail pour explorer les options, réduire les tâches fastidieuses et maintenir votre équipe alignée du début à la fin.

Canvas Figma montrant un design généré par IA avec une mise en page de recette/repas et un prompt de chat indiquant « Crée une page d'accueil avec mon design »Canvas Figma montrant un design généré par IA avec une mise en page de recette/repas et un prompt de chat indiquant « Crée une page d'accueil avec mon design »

Explorez plus, avec une fidélité accrue

Laissez un agent de conception IA générer de vraies options dans un espace partagé en utilisant votre design system, pour favoriser la comparaison et la convergence au lieu de repartir de zéro.

Interface de chat de l'agent Figma AI montrant un interrupteur de palette de couleurs avec basculement en mode sombre appliqué à un design systemInterface de chat de l'agent Figma AI montrant un interrupteur de palette de couleurs avec basculement en mode sombre appliqué à un design system

Restez dans le flow, é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 plan de travail.

Panneau de l'agent Figma AI montrant une conversation de l'application de lecture Doprand avec un feedback sur la conception et des suggestions de tâchesPanneau de l'agent Figma AI montrant une conversation de l'application de lecture Doprand avec un feedback sur la conception et des suggestions de tâches

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 sous-jacentes à l'agent

Un regard plus approfondi sur ce qui distingue l'agent Figma, conçu pour le mode de travail des équipes design.

  • Capture d'écran de l'agent Figma AI connecté à une bibliothèque de composants, appliquant automatiquement des tokens de marque à un designCapture d'écran de l'agent Figma AI connecté à une bibliothèque de composants, appliquant automatiquement des tokens de marque à un design

    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.

  • Capture d'écran de plusieurs prompts de conception IA simultanés en cours d'exécution dans FigmaCapture d'écran de plusieurs prompts de conception IA simultanés en cours d'exécution dans Figma

    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.

  • Capture d'écran d'un fil de discussion partagé dans Figma AI avec des commentaires de conceptionCapture d'écran d'un fil de discussion partagé dans Figma AI avec des commentaires de conception

    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 à un design. Aucun transfert séparé n'est nécessaire.

  • Capture d'écran des options de compétences de l'agent Figma AI pour automatiser les workflows de conceptionCapture d'écran des options de compétences de l'agent Figma AI pour automatiser les workflows de conception

    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

logo 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 et orientez-le vers votre bibliothèque de designs afin qu'il utilise vos composants et styles réels.

  • Étape 3 : Vérifiez le résultat

    Vérifiez le résultat sur votre plan de travail. 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

    Satisfait du résultat ? Transformez le workflow en une compétence réutilisable afin que l'agent puisse l'exécuter de la même manière la prochaine fois, sans avoir à recommencer depuis le début.

Gagnez en expertise

  • L'agent Figma Design est disponible

    Observez l'agent IA de Figma en action et voyez comment l'utiliser dans vos propres workflows.

    En savoir plus
  • Écran d'introduction du playground de l'agent Figma avec un bouton « Démarrer » et un exemple de prompt de chat : « Hé Figma, peux-tu créer différentes mises en page pour mon application de lecture ? »Écran d'introduction du playground de l'agent Figma avec un bouton « Démarrer » et un exemple de prompt de chat : « Hé Figma, peux-tu créer différentes mises en page pour mon application de lecture ? »

    Travailler avec l'agent Figma

    Terrain 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.

    Commencer
  • Comment utiliser l'agent Figma dans vos workflows de conception

    Apprenez à utiliser l'agent Figma dans vos workflows de conception grâce à un didacticiel étape par étape de l'équipe Figma.

    Regarder la vidéo

FAQ

L'agent de Figma est un agent de conception IA intégré directement dans Figma Design. Contrairement à un simple chatbot, il ne se contente pas de répondre aux questions ; il fonctionne sur votre plan de travail pour créer et éditer des calques, explorer de nouvelles options et vous fournir du feedback en temps réel. Il est directement intégré dans Figma Design, vous n'avez donc besoin d'aucun outil tiers pour commencer.

Oui. Sélectionnez les bibliothèques que vous souhaitez que l'agent utilise comme référence et il génère des résultats en s'appuyant sur vos styles, composants et variables. Il ne publiera pas de nouvelles ressources dans votre bibliothèque partagée tout seul (vous devrez effectuer cette étape) mais tout ce qu'il crée peut puiser dans le design system que vous avez déjà mis en place.

Tout est à vous. L'agent ne vous remplace pas. Il travaille avec vous pour explorer des idées, traiter des tâches répétitives et offrir du feedback, mais vous passez en revue chaque résultat et vous pouvez modifier tout ce qui ne vous convient pas. L'objectif est de vous libérer du temps pour la création, jamais de lui confier entièrement une mission.

L'utilisation de vos données par Figma est régie par nos accords clients, qui couvrent la gestion, la sécurisation, le débogage et l'amélioration de nos services. Si le commutateur d'entraînement d'IA est activé dans les paramètres de votre compte, nous sommes susceptibles d'utiliser le contenu et les données d'usage pour améliorer les modèles propres à Figma. Nous prenons des mesures pour supprimer les données sensibles, et vous gardez toujours le contrôle sur ce paramètre.

L'agent Figma est disponible dans tous les forfaits payants de Figma. Vous le trouverez dans la barre de navigation gauche de Figma Design.

Powered by Fruition