Übereinstimmende Objekte erkennen

Bei übereinstimmenden Objekten handelt es sich um identische Objekte, die in mehreren Frames zu finden sind. Beispielsweise haben zahlreiche App-Designs in jedem Frame die gleiche Kopfzeile.

Mit übereinstimmenden Objekten sparst du Zeit beim Auswählen und Bearbeiten sowie beim Erstellen von Prototypen.

Drei verschiedene Frames, die Designs von Warenkörben darstellen. Über dem oberen Rand jedes Frames befindet sich die gleiche Kopfzeile mit einem Navigationsmenü und einem Warenkorb-Icon.

Hier kommen übereinstimmende Objekte zum Einsatz:

Smart-Animation: Gestalte erweiterte Animationen zwischen übereinstimmenden Objekten, wenn du Prototypen erstellst.
Multi-Bearbeitung: Bearbeite mehrere Objekte gleichzeitig
State-Management: Teile beim Erstellen von Prototypen den Status interaktiver Komponenten, Frames mit Scroll-Funktion und Videos, wenn zwischen Frames mit übereinstimmenden Objekten navigiert wird.
Übereinstimmende Interaktionen: Wähle Prototyping-Interaktionen bei mehreren übereinstimmenden Objekten gleichzeitig aus und bearbeite sie.

Damit zwei Objekte als übereinstimmend gelten, müssen sie:

Anforderungen für übereinstimmende Objekte

Figma nutzt die folgenden Bedingungen, um die Anforderungen für übereinstimmende Objekte zu definieren:

Übergeordnete Objekte: Objekte wie Frames, Komponenten und Gruppen, die andere Objekte enthalten.
- Grandparent-Objekte sind Objekte, die das übergeordnete Objekt enthalten. Vorgänger sind alle anderen Objekte in der Hierarchie, die unter-, übergeordnete oder Grandparent-Objekte enthalten.
Untergeordnete oder Child-Objekte: Objekte, die in einem übergeordneten Objekt enthalten sind.
Frame der obersten Ebene: Frames, die direkt auf der Arbeitsfläche platziert sind. Sie haben keine übergeordneten Objekte.

Erfahre mehr über übergeordnete, untergeordnete und gleichgestellte Beziehungen.

Hinweis: Frames der obersten Ebene können übereinstimmende Objekte sein, aber nur für Smart-Animation oder State-Management. Für Frames der obersten Ebene können Sie die Mehrfachbearbeitung nicht verwenden und keine übereinstimmenden Interaktionen auswählen.

Objekte in Abschnitten können nur mit anderen Objekten innerhalb dieses Abschnitts übereinstimmen.

Ebenennamen

Objekte müssen denselben Ebenennamen haben.

Es gibt eine Ausnahme von dieser Regel:

Textebenen

Bei Textebenen sind nicht immer identische Ebenennamen erforderlich. Wenn du eine Textebene erstellst, gibt der Name der Ebene den Textinhalt wieder. Du hast die Möglichkeit, die Textebene umzubenennen.

Wenn die Textebenen direkt im Ebenen-Tab benannt oder umbenannt wurden, müssen die Namen übereinstimmen.
Wenn die Textebenen basierend auf dem Textinhalt indirekt benannt wurden, müssen ihre Textstile übereinstimmen. Wenn es mehrere übereinstimmende Textobjekte gibt, wird die höchste Übereinstimmung basierend auf den X- und Y-Koordinaten der Textebene im Rahmen ausgewählt.

Im ersten Beispiel gibt es einen Frame mit einem Rechteckobjekt namens „Rechteck“. Ein zweiter Frame hat ein Rechteckobjekt, das ebenfalls „Rechteck“ heißt, sodass die zwei Rechteckobjekte übereinstimmen. Im zweiten Beispiel gibt es einen Frame mit dem Rechteckobjektnamen „Rechteck“. Ein zweiter Frame hat ein Rechteckobjekt namens „Form“. Die beiden Rechteckobjekte stimmen nicht überein.

Übergeordnete Frames

Alle übergeordneten Frames und Vorgänger-Frames des Objekts müssen übereinstimmende Namen haben. Die Namen von Top-Level-Frames müssen nicht übereinstimmen.

Hinweis: Die Namen der Rahmen der obersten Ebene und Varianten in einer Komponentengruppe müssen nicht übereinstimmen.

Ebenenhierarchie

Um als übereinstimmend zu gelten, müssen Objekte in den Frames der obersten Ebene die gleiche Position in der Ebenenhierarchie aufweisen. Beispielsweise muss ein Objekt, das in einem Frame eine übergeordnete und eine Grandparent-Ebene aufweist, diese auch im zweiten Frame aufweisen.

Tipp: Wenn alle Anforderungen übereinstimmen und in einem Frame zwei oder mehr Objekte denselben Namen haben, wird der Index des Objekts innerhalb des übergeordneten Frames verwendet, um zu bestimmen, welches Objekt übereinstimmt.

Zwei identische Frames, jeder mit zwei Objekten. Objekt A stimmt mit Objekt B im zweiten Frame überein. Obwohl Objekt A visuell über Objekt B erscheint, haben sie denselben Index im linken Ebenen-Tab.

So kannst du übereinstimmende Objekte auf derselben Seite hervorherben:

Klicke, um ein Objekt auszuwählen.
Halte die Umschalttaste gedrückt, um alle übereinstimmenden Objekte in hellblau hervorzuheben.

Alternativ kannst du übereinstimmende Objekte auch im Tab Prototyp ermitteln.

Öffne den Tab Prototyp in der rechten Seitenleiste.
Lasse den Mauszeiger über ein Objekt oder eine Ebene in der Arbeitsfläche schweben.

Figma hebt das übereinstimmende Objekt in allen anderen Frames hervor, in denen es vorkommt.