Wir verwenden die Begriffe Übergeordnet, Untergeordnet und Gleichgestellt, um Beziehungen zwischen Objekten in Figma zu beschreiben.

Diese Begriffe werden häufig verwendet, um ähnliche Beziehungen in der Webentwicklung oder Programmierung zu erklären.

In diesem Artikel erläutern wir, was wir mit diesen Begriffen meinen.

Übergeordnet, untergeordnet und gleichgestellt

Wir verwenden diese Begriffe, um zu erklären, in welcher Beziehung Objekte zu anderen Objekten auf der Arbeitsfläche stehen.

Übergeordnete Objekte sind Objekte, d. h Frames, Komponenten und Gruppen, die andere Objekte enthalten.

Untergeordnete Objekte sind Objekte, die in einem übergeordneten Objekt enthalten sind.

Gleichgestellte Objekte sind Objekte, die im selben übergeordneten Objekt enthalten sind. 

• In einem Frame, in dem sich Objekte befinden, ist der Frame übergeordnet, und alle darin enthaltenen Objekte sind untergeordnet.
• Ein Frame an sich ist nicht automatisch übergeordnet. Er ist nur dann übergeordnet, wenn er Objekte enthält.
• Wenn ein übergeordnetes Objekt mehr als ein Objekt enthält, sind die untergeordneten Objekte gleichgestellt.
• Objekte wie Frames, Gruppen und Komponenten können sowohl übergeordnet als auch untergeordnet sein.

Übergeordnete und untergeordnete Interaktionen

Obwohl diese Begriffe im Produkt nicht explizit verwendet werden, sind sie wichtig, um zu verstehen, wie sich Objekte in Figma verhalten und in Beziehung zueinander stehen.

Sie funktionieren also als Container (übergeordnet) und Inhalt (untergeordnet), die sich gegenseitig beeinflussen. Und nicht als Abstammung mit expliziter Übernahme.

Eigenschaften

Es gibt übergeordnete und untergeordnete Beziehungen, die Einfluss beinhalten. In vielen Fällen handelt es sich bei dem übergeordneten Objekt um einen Frame.

Du kannst einem Frame die folgenden Eigenschaften hinzufügen, die alle untergeordneten Objekte beeinflussen:

• Layout-Raster: Gebe deinen Designs eine visuelle Struktur
• Auto-Layout: : Erstelle dynamische Frames, die sich an den Inhalt anpassen.
• Inhalte abschneiden: Blende alle Objekte innerhalb des Frame aus, die über die Grenzen des Frame hinausgehen

Du kannst einem untergeordneten Objekt auch Eigenschaften hinzufügen:

• Einschränkungen: Definiere, wie untergeordnete Objekte reagieren, wenn du die Größe des übergeordneten Frame änderst.

Übergeordnetes Verhalten

Wenn du ein Objekt auf der Arbeitsfläche an eine neue Position verschiebst, entscheidet Figma, ob dem Objekt eine neue Zuordnung zugewiesen wird oder nicht.

Reparenting bedeutet, dass das Objekt aus dem aktuellen übergeordneten Objekt herausgenommen und in einem anderen übergeordneten Objekt eingebettet wird. Du kannst beispielsweise ein Objekt aus einem übergeordneten Frame in einen anderen Frame verschieben.

Figma verwendet die gleiche Logik für das Parenting, wenn Sie neue Objekte zu einem Frames hinzufügen.

Das Standardverhalten ist:

• Wenn ein Objekt kleiner als ein Frame ist, wird es dem Frame untergeordnet
• Wenn ein Objekt größer als ein Frame ist, wird es nicht zu einem untergeordneten Element.

Standardverhalten umgehen

Du kannst das Standardverhalten umgehen:

• Halte beim Hinzufügen von Objekten die Leertaste gedrückt, um zu verhindern, dass Figma ein Objekt neu zuordnet
• Wenn du ein Objekt aus den Grenzen eines Frame verschiebst, halte die Leertaste gedrückt, um ein Objekt innerhalb des aktuellen übergeordneten Elements zu halten.