Verwendung von Masken in Figma: Zuschneiden und Ebenen für Fortgeschrittene Visuals

Masken in Figma werden verwendet, um bestimmte Teile von Ebenen oder Objekten sichtbar zu machen, während der Rest ausgeblendet wird.

So funktionieren sie:

• Ein Objekt (z. B. ein Bild) und die Maskenform (z. B. eine Ellipse) zusammen platzieren, wobei die Maskenform hinter dem Objekt liegt;
• Beide Ebenen auswählen, mit der rechten Maustaste klicken und Als Maske verwenden wählen oder die Tastenkombination Strg+Alt+M (Windows) / Command+Option+M (Mac) verwenden. Die Maskenbasis wird unsichtbar und zeigt nur die ausgewählten Bereiche der darüberliegenden Ebene an;
• Maskierungen sind auch mit Text möglich. Den Text hinter ein Bild legen und als Maske verwenden, um kreative Texteffekte zu erzielen. Ebenen in der Maske können unabhängig voneinander in der Größe verändert oder skaliert werden;
• Die Grundform einer Maske wird unsichtbar, wenn mehrere Objekte gemeinsam maskiert werden. Um einem maskierten Design einen Hintergrund hinzuzufügen, eine neue Form erstellen und hinter die Maskenbasis legen;
• Transparente PNGs können ebenfalls als Masken dienen, und Formen können mit PNGs maskiert werden, um komplexe Designs zu erstellen.

Masken bieten in der Regel mehr Flexibilität als Bildfüllungen, da sie das Kombinieren mehrerer Objekte zu komplexen Designs ermöglichen. Auch wenn Figma relativ wenige Formen und Werkzeuge bietet, stellt es die wichtigsten bereit, und mit diesen einfachen Elementen lassen sich wirklich brillante Designs erstellen.