Как в Figma залить текст изображением. Маски
Сделать заливку текста градиентом или картиной в Фигме можно с помощью стандартных настроек, но в этом случае вы столкнетесь с рядом ограничений:
- Изображение будет только одно
- Форматировать его можно только с помощью позиционирования и кропа, что не удобно
Для создания фонов векторов, в том числе текста, есть смысл использовать маски.
Маска делает прозрачными все области слоев над собой, которые не занимает сама.
Несколько правил работы с масками:
- Маски нельзя совмещать. Одна маска применяется ко всем слоям над ней
- Маски работают только внутри своей группы
- Маской можно назначить любой вектор
Чтобы назначить вектор маской, выделите его и либо нажмите ctrl+M / cmnd + M, либо нажмите на значок в верхнем баре, либо выберите этот пункт из контекстного меню:
После этого все слои, которые в навигаторе расположены над маской, станут заливкой для неё:
Однако если мы поместим маску в группу, то ее действие будет распространяться только на слои, расположенные над ней:
Заливкой для маски могут выступать изображения и векторы, в том числе и текст:
