Маска у фігмі: як зробити та працювати з інструментом «Use as mask»

Як зробити маску в фігма

Щоб зробити маску в Figma накладіть один елемент на інший. Виділіть 2 цих елементи та зверху натисніть на іконку маски «Use as mask». Також для створення маски можна натиснути гарячі клавіші Ctrl+Alt+M. На панелі шарів з'явиться група з маскою, яку можна редагувати.

Елемент, який був зверху, буде обведений по контуру нижнього об'єкта.

Якщо ви оберете якийсь елемент у шарах і потягнете убік, то все змінюватиметься.

Як прибрати маску у фігмі

Щоб прибрати або вимкнути маску у фігмі, відкрийте групу з маскою в шарах (Mask Group) і виберіть нижній елемент з іконкою маски. Потім натисніть на піктограму зверху по центру «Use as mask» і ви вимкнете створену маску.

Як використовувати маску у фігмі

Використовувати маску у фігмі можна для обрізання будь-яких об'єктів за певним контуром і формою. Наприклад, можна зробити фото у формі кола, накласти фото поверх тексту і видалити заднє тло на фото у простих елементів.

Як вставити фото в коло фігма за допомогою маски

Щоб вставити фото в коло у фігмі, створіть коло за допомогою стандартних інструментів фігми. Вставте фото, помістіть коло внизу фотографії та натисніть на іконку маски «Use as mask».

Як накласти фото поверх тексту за допомогою маски у фігмі

Щоб накласти фото поверх тексту у фігмі, напишіть якийсь текст та розмістіть фотографію. У шарах помістіть текст вниз фотографії та натисніть зверху по центру піктограму маски Use as mask.

Як видалити фон на фото у фігмі за допомогою маски

Щоб видалити фон у якогось фото у фігмі за допомогою маски, слід зробити контур навколо цього об'єкта (контур робимо за допомогою інструмента Pen, тобто просто відмальовуємо цей обʼєкт). Помістити його вниз фотографії та натисніть на іконку маски зверху по центру.