Boolean Operations sind Figmas Werkzeuge zum Kombinieren mehrerer Vektorformen durch die vier Grundoperationen Vereinigen (Union), Subtrahieren (Subtract), Schnittmenge (Intersect) und Ausschließen (Exclude) – sie erzeugen neue, komplexe Formen aus einfachen Geometrien.
Rubrik: Software & Tools · Unterrubrik: Figma · Niveau: Fortgeschritten Synonyme / Auch bekannt als: Boolesche Operationen, Shape Combining, Pathfinder (Adobe Illustrator), Path Operations; Menü: Layer → Boolean Groups
Was sind Boolean Operations?
Boolean Operations sind benannt nach dem Mathematiker George Boole und beschreiben logische Verknüpfungsoperationen. In der Vektorgrafik werden sie genutzt, um aus zwei oder mehr Grundformen (Rechtecke, Kreise, Polygone, beliebige Pfade) neue, komplexe Formen zu erstellen, ohne jeden Ankerpunkt manuell setzen zu müssen.
Figma bietet vier Boolean-Operationen, die aus einem Menü heraus auf ausgewählte Elemente angewendet werden können. Im Gegensatz zu anderen Design-Tools sind Figmas Boolean Groups nicht-destruktiv: Die Ausgangselemente bleiben editierbar und können jederzeit verändert werden.
Erklärung
Die vier Boolean-Operationen
1. Union (Vereinigung) – `Strg+Alt+U` / `Cmd+Option+U`: Vereint alle ausgewählten Formen zu einer einzigen Form. Die Außenkonturen aller Formen werden kombiniert, Überlappungsbereiche werden entfernt. Die Füllung der untersten Form (in der Layer-Reihenfolge) wird übernommen.
Beispiel: Zwei überlappende Kreise werden zu einer einzelnen Bohnen-/Blob-Form.
2. Subtract (Subtraktion) – `Strg+Alt+S` / `Cmd+Option+S`: Zieht alle oberen Formen von der untersten Form ab. Die unterste Form bleibt, aber alle Bereiche, die von oberen Formen überlappt werden, werden ausgestanzt.
Beispiel: Kleiner Kreis liegt über großem Kreis → nach Subtract entsteht ein Ring (Donut-Form).
3. Intersect (Schnittmenge) – `Strg+Alt+I` / `Cmd+Option+I`: Behält nur den Bereich, in dem sich alle ausgewählten Formen überlappen. Alles außerhalb der Überlappung wird entfernt.
Beispiel: Großes Rechteck und Kreis überlappen sich am Rand → nach Intersect bleibt nur der Sichelbereich übrig.
4. Exclude (Ausschließen) – `Strg+Alt+X` / `Cmd+Option+X`: Das Gegenteil von Intersect: Behält nur die Bereiche, die sich nicht überlappen. Die überlappenden Bereiche werden ausgestanzt. Für gerade Anzahlen von Überlappungen entstehen Aussparungen, für ungerade Anzahlen Füllungen (ähnlich der Even-Odd Fill Rule).
Beispiel: Zwei überlappende Kreise → nach Exclude entstehen zwei Halbmonde, die Überlappung ist transparent.
Nicht-destruktive Bearbeitung
Das Besondere an Figmas Boolean-Implementation: Boolean Groups sind nicht-destruktiv und hierarchisch. Die Ausgangselemente (Shapes) bleiben als editierbare Layer innerhalb der Boolean Group erhalten:
- Boolean Group auswählen.
- Doppelklicken → in die Gruppe einsteigen.
- Eine der Ausgangsformen auswählen und bearbeiten.
- Die Boolean Group aktualisiert sich in Echtzeit.
So kann eine Subtract-Operation jederzeit durch Verschieben des subtrahierten Elements angepasst werden. Das ist deutlich flexibler als die destruktiven Pathfinder-Operationen in Adobe Illustrator (die per Strg+Z rückgängig gemacht werden müssen, bevor sie verloren sind).
Flatten (Auflösen)
Wenn die Boolean Group endgültig eingefroren werden soll (z. B. für Export oder weitere Bearbeitung als einzelnes Netzwerk), wird sie mit Strg+E / Cmd+E (Flatten) zu einem einzigen Vector Network aufgelöst. Das ist irreversibel – die Ausgangselemente gehen verloren. Flatten sollte erst am Ende des Gestaltungsprozesses angewendet werden.
Verschachtelte Boolean Groups
Boolean Groups können verschachtelt werden:
- Ein Union aus zwei Kreisen wird per Subtract mit einem Rechteck kombiniert.
- Das ergibt eine verschachtelte Boolean Group, in der beide Operationen editierbar bleiben.
Diese Verschachtelung ermöglicht komplexe Formen, die ohne Boolean Operations viele manuelle Ankerpunkt-Bearbeitungen erfordern würden.
Fill und Stroke in Boolean Groups
Die Fill der Boolean Group übernimmt die Eigenschaften der untersten Form (in der Figma-Layer-Reihenfolge). Strokes werden auf die finale kombinierte Form angewendet. Wenn die Ausgangselemente verschiedene Fills hatten, geht das Visual-Detail durch die Boolean Operation verloren – Boolean Groups sind monocromatische Formen.
Praktische Shortcuts und Menüpfad
Boolean Operations sind erreichbar über:
- Menü: Layer → Boolean Groups → Union / Subtract / Intersect / Exclude
- Toolbar: Bei mehreren ausgewählten Vektorelementen erscheint ein Boolean-Dropdown in der oberen Toolbar (das Rechteck-mit-Kreis-Icon).
- Keyboard Shortcuts: Nur wenn mehrere Elemente ausgewählt sind.
Beispiele
- Icon Minus (Abziehen): Großes Rechteck + kleines Rechteck in der Mitte → Subtract → Rechteck mit ausgesparter Mitte (wie ein Rahmen).
- Notification-Badge: Kreis über einem Quadrat → Subtract → Quadrat mit kreisförmiger Aussparung oben rechts.
- Logo-Kombinationsform: Zwei überlappende Dreiecke → Union → kombinierte Rautenkonturen.
- Mondphase: Großer Kreis + versetzter kleinerer Kreis → Subtract → Halbmond/Sichelform.
- Minus-Icon-Alternative: Zwei überlagernde Kreise → Exclude → zwei Halbkreise mit Aussparung in der Mitte.
In der Praxis
Shortcuts:
- Union:
Strg+Alt+U/Cmd+Option+U - Subtract:
Strg+Alt+S/Cmd+Option+S - Intersect:
Strg+Alt+I/Cmd+Option+I - Exclude:
Strg+Alt+X/Cmd+Option+X - Flatten (Boolean Group einfrieren):
Strg+E/Cmd+E
Best Practices:
- Boolean Groups nicht sofort flatten – die nicht-destruktive Struktur ist ein großer Vorteil.
- Einfache Grundformen (Rechtecke, Kreise, Polygone) als Ausgangsbasis nutzen – das erleichtert spätere Anpassungen.
- Subtract-Operationen: Die zu erhaltende Grundform muss die unterste im Layer-Panel sein.
- Für komplexe Icons: Mehrere Boolean Groups verschachteln, bevor am Ende geflattened wird.
Häufige Fehler:
- Subtract in falscher Reihenfolge – die oberste Form (im Layer-Panel) wird von der untersten subtrahiert. Reihenfolge im Layer-Panel beachten!
- Zu früh flatten – dann sind Anpassungen nicht mehr möglich.
- Boolean Groups auf Fills anwenden, die aus Gradients bestehen – das kann zu unerwarteten Ergebnissen führen.
Vergleich & Abgrenzung
Adobe Illustrator hat den Pathfinder mit ähnlichen Operationen (Unite, Minus Front, Intersect, Exclude). Illustrators Operationen sind standardmäßig destruktiv (der Shape Builder ist flexibler). Sketch hat Boolean-Operationen mit denselben vier Modi, ebenfalls nicht-destruktiv. Affinity Designer hat ebenfalls nicht-destruktive Boolean-Operationen. Figmas Implementation ist in Bezug auf Benutzerfreundlichkeit und direkte Tastaturkürzel eine der schnellsten unter den Design-Tools.
Häufige Fragen (FAQ)
Was passiert, wenn ich drei oder mehr Formen für eine Boolean Operation auswähle? Union vereint alle drei zu einer Form. Subtract zieht die zweite und dritte Form von der ersten (untersten) ab. Intersect behält nur den Bereich, in dem alle drei Formen überlappen. Exclude wechselt für jede weitere Überlappungsebene zwischen gefüllt und transparent.
Kann ich Boolean Groups als Maske verwenden? Nicht direkt als Clip-Maske im Figma-Sinne, aber die entstandene Form kann als Maskenform für eine Clip-Mask-Operation verwendet werden. Dazu das Boolean Group-Ergebnis als oberstes Element in eine Figma-Mask-Gruppe einsetzen (Rechtsklick → „Use as Mask").
Verliere ich Strokes bei Boolean Operations? Strokes der Ausgangselemente werden bei der Boolean Group ignoriert – nur die Füllung zählt für die Operation. Nach der Operation kann ein neuer Stroke auf die Boolean Group angewendet werden.
Verwandte Einträge
Weiterführend
- Figma Help Center – help.figma.com/de
- Figma-Dokumentation: „Boolean operations" – help.figma.com/hc/en-us/articles/360039957534
- Figma: „Combining shapes with boolean operations" (Figma YouTube, 2021)
