Nous utilisons les termes Parent, Enfant et Frère/Sœur pour décrire les relations entre les objets dans Figma.

Ces termes sont couramment utilisés pour expliquer des relations similaires dans le développement web ou la programmation.

Dans cet article, nous allons clarifier ce que nous entendons par l'utilisation de ces termes.

Parents, enfants et frères et sœurs

Nous utilisons ces termes pour expliquer comment les objets sont liés à d'autres objets sur le plan de travail.

Les parents sont des objets (à savoir des frames, des composants et des groupes) qui contiennent d'autres objets.

Les enfants sont des objets contenus dans un parent.

Les frères et sœurs sont des objets contenus dans le même parent. 

• Dans une frame contenant des objets, la frame est un parent et tous les objets qu'il contient sont des enfants.
• Une frame seule n'est pas automatiquement un objet parent. Elle l'est seulement si elle contient elle-même des objets.
• Si un parent contient plus d'un objet, les objets enfants sont frères et sœurs.
• Les objets — comme les frames, les groupes et les composants — peuvent être à la fois parents et enfants.

Interactions entre objets parents et enfants

Bien que ces termes ne soient pas explicitement utilisés dans le produit, ils sont importants pour comprendre le comportement des objets et leurs relations dans Figma.

Contrairement à leurs homologues biologiques, ils fonctionnent comme des conteneurs (parents) et des contenus (enfants) qui s'influencent mutuellement. Plutôt qu'une lignée définie avec un héritage explicite.

Propriétés

Il existe des relations parents/enfants qui impliquent une influence. Dans de nombreuses circonstances, le parent sera une frame.

Vous pouvez ajouter les propriétés suivantes à une frame qui influence tous ses objets enfants :

• Grillesdemise en page : créez une structure visuelle pour vos designs
• Mise en page automatique : créez des frames dynamiques qui réagissent à leur contenu
• Masquer le contenu extérieur: masquez tous les objets dans la frame qui s'étendent au-delà des limites de la frame.

Vous pouvez également ajouter des propriétés à un objet enfant :

• Contraintes : définissez comment les objets enfants réagiront lorsque vous redimensionnerez la frame parent.

Comportement parental

Lorsque vous déplacez un objet dans le plan de travail vers un nouvel emplacement, Figma décide de reparenter ou non l'objet.

En cas de modification du parent, l'objet est retiré de son parent actuel, puis imbriqué dans un autre objet parent. Par exemple, vous pouvez déplacer un objet d'une frame parent vers une autre frame.

Figma utilise la même logique pour la parentalité lorsque vous ajoutez de nouveaux objets à une frame.

Le comportement par défaut est :

• Si un objet est plus petit qu'une frame, nous en ferons un enfant de la frame
• Si un objet est plus grand qu'une frame, nous n'en ferons pas un élément enfant

Contourner le comportement par défaut

Vous pouvez choisir de contourner le comportement par défaut :

• Lors de l'ajout d'objets, maintenez la barre d'espace enfoncée pour éviter que Figma ne reparente un objet
• Lorsque vous déplacez un objet hors des limites d'une frame, maintenez la barre d'espace enfoncée pour maintenir l'objet à l'intérieur du parent actuel