Identifier les objets correspondants

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

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

Three different frames, depicting checkout cart designs. Across the top of each frame is the same header with a navigation menu and a checkout cart icon.

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 les objets correspondants de manière groupée
Gestion des états : lors du prototypage, partagez l'état des composants interactifs, des cadres avec défilement et des vidéos lors de la navigation entre les cadres avec objets correspondants
Interactions correspondantes : sélectionnez et modifiez 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 cadres, 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.
Cadres de premier niveau : cadres qui sont directement placés sur le canevas. Ils n'ont pas d'objets parents.

Apprenez-en davantage sur les relations entre parents, frères, sœurs et enfants →

Remarque : les cadres de premier niveau peuvent être des objets correspondants, mais uniquement pour l'animation automatique ou la gestion des états. Vous ne pouvez pas utiliser les modifications multiples ou sélectionner les interactions correspondantes sur les cadres de premier niveau.

Noms de calque

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

Il existe deux exceptions à cette règle :

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 le cadre.

Cadres de premier niveau

Pour que les cadres de premier niveau soient considérés comme correspondants, l'une des conditions suivantes doit être remplie :

Les noms des cadres correspondent.
Les noms des cadres ont un préfixe commun, suivi d'une barre oblique. Par exemple, Checkout / Vide et Checkout / Rempli correspondent.

In the first example, there is a frame with a rectangle object named 'rectangle'. A second frame has a rectangle object also named 'rectangle', so the two rectangle objects match. In the second example, there is a frame with a rectangle object name 'rectangle'. A second frame has a rectangle object named 'shape'. The two rectangle objects do not match.

Cadres parents

Tous les cadres parents et ancêtres des objets doivent avoir des noms correspondants.

In the first example, there is an object that sits in a parent frame named 'parent'. A second object also has an object that sits in a parent frame named 'parent'. The objects match. In the second example, there is an object that sits in a parent frame named 'parent'. A second object also sits in a parent frame that is named 'mother'. The objects do not match.

Remarque : les cadres 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 cadres de premier niveau. Par exemple, un objet qui a un calque parent ou grand-parent dans un cadre doit aussi avoir un calque parent ou grand-parent dans le deuxième cadre.

Astuce : lorsque toutes les conditions sont remplies et qu'il y a deux objets ou plus portant le même nom dans un cadre, l'index de l'objet à l'intérieur du cadre parent est utilisé pour déterminer celui qui correspond.

Two identical frames, each with two objects. Object A matches with Object B in the second frame. Even though Object A visually appears above Object B, they have the same index from the left Layer panel.

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 à partir de 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 canevas.

Figma mettra l'objet correspondant en surbrillance dans tous les autres cadres où il est présent.