Проект в Фигме →

Маски позволяют брать одну векторную фигуру и по её форме делать видимой другую.

Кадрирование фото

Поскольку в Figma есть очень развитый режим кадрирования заливки Crop, нет смысла использовать маски для кадрирования аватаров и иллюстраций. Однако для понимания принципа их работы полезно создать простейшую маску.

Создаём маску

Вставим в рабочую область фотографию.

Поверх неё растянем круг, O. Он должен загораживать то место в фотографии, которое мы собираемся оставить видимым. Для наглядности можно понизить опасити круга до 50%, 5.

Круг выделен. Поменяем его местами с фотографией, Cmd [. Круг должен встать снизу.

Зажимаем Shift и выделяем оба слоя.

Вызываем команду Use as Mask, Ctrl Cmd M или кликаем тулбар:

Была создана новая группа с названием Mask Group. Слой с кругом теперь находится в режиме маски, и поэтому его бокс и контур кодируются зелёным цветом.