Trouver des ressources et des designs grâce à l'IA – Figma Learn - Centre d'aide

Remarque : les fonctions d'IA de Figma sont actuellement gratuites en version bêta, mais des limites d'utilisation peuvent s'appliquer. Lorsqu'elles seront disponibles pour tous nos utilisateurs, nous vous informerons des tarifs.

Avant de commencer

Qui peut utiliser cette fonctionnalité

Disponible pour tous les forfaits payants

Toute personne avec l'autorisation can edit peut modifier un fichier Figma Design

Trouvez les composants ou les ressources que vous recherchez avec Figma AI. Vous pourrez ainsi vous lancer plus rapidement, rester dans le flux et vous laisser plus de temps pour créer.

Par exemple :

Vous inspirer des designs associés et découvrir comment les autres réfléchissent à un problème de design
Parcourir les explorations passées pour vous aider à terminer un design en cours
Trouver la dernière source unique de vérité pour un composant

Il existe deux façons d'utiliser l'IA dans la recherche :

Search for similar : utilisez des invites descriptives, une image ou une sélection de plan de travail pour trouver des composants et des designs associés.
Onglet Assets : utilisez une recherche par mot-clé pour trouver des composants sans avoir à vous souvenir de leur nom exact.

Rechercher des éléments similaires

Avec l'option Search for similar, vous pouvez trouver des composants et d'autres éléments à l'aide d'un mot-clé ou d'une invite descriptive, d'une sélection de calques ou d'une image. Une fois que vous avez trouvé un élément qui vous plaît, ouvrez le fichier source ou insérez-le sur le plan de travail sans quitter votre fichier actuel.

Rechercher par mots-clés

Dans la barre d'outils, cliquez sur Actions.
Saisissez des mots-clés ou une description dans la barre de recherche, puis cliquez sur Search assets for.
À partir des résultats de la recherche, utilisez l'onglet Components pour rechercher des composants et l'onglet Other designs pour les autres types de ressources.

Le menu Actions est ouvert à partir de la barre d'outils avec une requête de recherche textuelle « flux ajouter au panier » dans la barre de recherche. Le curseur survole le résultat de recherche « Rechercher des ressources à ajouter à un flux ajouter au panier ».

Rechercher à partir d'une sélection sur le plan de travail

Sélectionnez un calque.
Cliquez sur Actions dans la barre d'outils et sélectionnez Search for similar.

À partir des résultats de la recherche, utilisez l'onglet Components pour rechercher des composants et l'onglet Designs pour les autres types de ressources.

Le plan de travail contient trois frames de design mobile pour réserver un voyage. Un curseur sélectionne la frame de droite, ouvre le menu d'actions depuis la barre d'outils et sélectionne « Search for similar ». Les résultats apparaissent dans l'onglet Designs et le curseur fait défiler quelques lignes de résultats.

Rechercher à partir d'une image

Dans la barre d'outils, cliquez sur Actions.
Cliquez sur Search for similar.
Sélectionnez un calque avec un remplissage d'image. Vous pouvez aussi cliquer sur Upload pour télécharger une image depuis votre ordinateur, puis cliquez sur Search.

À partir des résultats de la recherche, utilisez l'onglet Components pour rechercher des composants et l'onglet Designs pour les autres types de ressources.

Le menu Actions est sélectionné dans la barre d'outils. Au-dessus de la barre d'outils se trouve un panneau qui contient une étiquette indiquant « Select a layer, or upload an image » et deux boutons sur la droite intitulés « Upload » et « Cancel ». Le curseur survole le bouton Upload.

Parcourir les résultats

Vous pouvez utiliser deux onglets pour parcourir la vue des résultats. L'onglet Components affiche les composants des fichiers disponibles. L'onglet Designs ou Other designs affiche les ressources autre que des composants issus des fichiers à votre disposition. Chaque onglet propose une expérience différente :

Si vous êtes dans l'onglet Components, utilisez le menu déroulant à droite pour filtrer par bibliothèque.

Lorsque vous sélectionnez un composant dans la liste, vous pouvez soit accéder au composant principal dans un nouvel onglet en sélectionnant Go to the main component, soit insérer le composant dans le fichier actuel avec l'option Insert.

Navigation dans la fenêtre de résultats jusqu'à l'onglet Components et affichage de la requête de recherche « parcours de paiement ». Les vignettes de résultats sont au nombre de 6 par ligne et sont constituées de carrés gris abstraits.

Si vous êtes dans l'onglet Designs ou Other designs, vous pouvez affiner et trier vos résultats de différentes façons :

Filtrer par propriétaire de fichier
Filtrer par espace
Trier par pertinence
Trier par dernière modification

Lorsque vous sélectionnez un design dans la liste, vous avez plusieurs options :

Open file : ouvrir le fichier dans lequel se trouve le design dans un nouvel onglet
Preview : prévisualiser le design dans l'onglet actuel
Insert : insérer le design dans le fichier actuel

Navigation dans la fenêtre de résultats jusqu'à l'onglet Other designs et affichage de la requête de recherche « parcours de paiement ». Les vignettes de résultats sont au nombre de 3 par ligne et sont constituées de carrés gris abstraits.

Rechercher des composants dans l'onglet Assets

Figma tire parti de l'IA pour obtenir des résultats plus intelligents et vous aider à trouver ce que vous cherchez. Ainsi, plus besoin de vous souvenir du nom de tous vos composants !

Sans l'IA

Sans l'IA, Figma tente de faire correspondre vos termes de recherche à des mots-clés exacts dans le nom ou la description d'un composant. Par exemple, si vous recherchez le terme flèche, Figma ne renvoie que les composants contenant le mot « flèche » dans leur nom ou leur description. Vue de la partie supérieure du panneau de gauche avec l'onglet Assets ouvert. Le texte « flèche » apparaît dans la requête de recherche et les résultats affichent différentes icônes de flèche avec le nom « flèche » dans leurs noms.

Avec l'IA

Avec l'IA, Figma recherche des correspondances exactes ainsi que des composants associés. Par exemple, la recherche flèche renvoie les composants contenant « flèche » dans leur nom et leur description, ainsi que les composants similaires en termes de forme ou de fonction.

Vue de la partie supérieure du panneau de gauche avec l'onglet Assets ouvert. Le texte « flèche » apparaît dans la requête de recherche et les résultats affichent un curseur, une icône Jira, une annotation et une flèche.

Vous pouvez rechercher des ressources soit depuis l'onglet Assets dans le panneau de gauche, soit en utilisant les Actions dans la barre d'outils.

···