Identifier les objets correspondants

Les objets correspondants sont des objets identiques qui existent dans plus d'une frame. Par exemple, de nombreux designs d'applications utilisent une en-tête identique en haut de chaque frame.

Utilisez des objets correspondants pour gagner du temps lors de la sélection, de l'édition et du prototypage.

Trois frames différentes, représentant des conceptions de panier de commande. En haut de chaque frame se trouve le même en-tête avec un menu de navigation et une icône de panier de commande.

Les objets correspondants sont utilisés avec :

Animation automatique : créer des animations avancées entre les objets correspondants lors du prototypage
Modifications multiples : modifier des objets de manière groupée
Gestion des états : lors du prototypage, partagez l'état des composants interactifs, des frames avec défilement et des vidéos lors de la navigation entre les cadres avec objets correspondants
Interactions correspondantes : sélectionner et modifier les interactions de prototypage sur les objets correspondants de manière groupée

Pour que deux objets soient considérés comme correspondants, ils doivent :

Conditions des objets correspondants

Figma utilise les conditions suivantes pour aider à définir les exigences des objets correspondants :

Objets parents : objets tels que des frames, des composants ou des groupes, qui contiennent d'autres objets.
- Les objets grands-parents sont des objets qui contiennent l'objet parent. Les ancêtres représentent tous les autres objets de la hiérarchie qui contiennent des objets enfants, parents ou grands-parents.
Enfants ou objets enfants : objets contenus chez un parent.
Frames de premier niveau : frames directement placées sur le plan de travail. Elles n'ont pas d'objets parents.

En savoir plus sur les éléments parents, enfants et de même niveau.

Remarque : Les frames de niveau supérieur peuvent être des objets correspondants, mais uniquement pour l'animation automatique ou la gestion des états. Vous ne pouvez pas utiliser la modification multiple ou sélectionner des interactions correspondantes sur les frames de niveau supérieur.

Les objets dans les sections ne peuvent correspondre qu'à d'autres objets au sein de cette section.

Noms de calque

Les objets doivent avoir le même nom de calque.

Il existe une exception à cette règle :

Les calques de texte

Les calques de texte ne nécessitent pas toujours des noms de calque identiques. Lorsque vous créez un calque de texte, le nom du calque reflétera le contenu du texte lui-même. Vous avez la possibilité de renommer le calque de texte.

Si les calques de texte ont été nommés ou renommés à partir du panneau des calques de manière explicite, les noms doivent correspondre.
Si les calques de texte ont été nommés de manière implicite en fonction du contenu du texte, leurs styles de texte doivent correspondre. S'il y a plusieurs objets de texte correspondants, celui qui correspond le mieux sera sélectionné en fonction des coordonnées x et y du calque de texte dans la frame.

Le premier exemple comporte une frame avec un objet rectangle nommé « rectangle ». Une deuxième frame a également un objet rectangle nommé « rectangle » et donc les deux objets rectangle correspondent. Le deuxième exemple comporte une frame avec un objet rectangle nommé « rectangle ». Une deuxième frame a un objet rectangle nommé « shape ». Les deux objets rectangle ne correspondent pas.

Frames parentes

Toutes les frames parentes et ancêtres des objets doivent avoir des noms correspondants. Les noms des frames de niveau supérieur n'ont pas besoin de correspondre.

Remarque : Les frames de premier niveau et les noms de variantes dans un ensemble de composants n'ont pas besoin de correspondre.

Hiérarchie des calques

Pour être considérés comme correspondants, les objets doivent avoir la même position dans la hiérarchie des calques à travers les frames de premier niveau. Par exemple, un objet qui a un calque parent ou grand-parent dans une frame doit aussi avoir un calque parent ou grand-parent dans la deuxième frame.

Astuce : Lorsque toutes les conditions sont remplies et que deux objets ou plus portent le même nom dans une frame, l'index de l'objet à l'intérieur de la frame parente est utilisé pour déterminer celui qui correspond.

Deux frames identiques, chacune avec deux objets. L'objet A correspond à l'objet B dans la deuxième frame. Bien que l'objet A apparaisse visuellement au-dessus de l'objet B, les deux objets ont le même index dans le panneau des calques à gauche.

Pour mettre en surbrillance les objets correspondants sur la même page :

Cliquez pour sélectionner un objet.
Maintenez la touche Majuscule enfoncée pour surligner tous les objets correspondants en bleu clair.

Vous pouvez également identifier les objets correspondants dans l'onglet Prototype.

Ouvrez l'onglet Prototype dans la barre latérale de droite.
Passez le curseur de la souris sur un objet ou un calque dans le plan de travail.

Figma met l'objet correspondant en surbrillance dans toutes les autres frames où il est présent.