Как сделать прозрачный текст на однотонном фоне?

Пошаговая инструкция, как сделать прозрачный текст на однотонном фоне в Figma

1. Создайте Frame (F) нужного размера.

Создание фрейма в Figma
Создаём основу

2. На правой боковой панели найдите пункт Fill. Вместо выбора цвета переключитесь на загрузку фото (4 иконка в ряду из квадратов). Нажмите кнопку Upload from computer, чтобы загрузить изображение.

Загрузка изображения в качестве заливки фрейма в Figma
Заполняем основу изображением

3. С помощью Rectangle {R} создайте фигуру в необходимом месте, которая будет служить фоном для текста.

Создание прямоугольника для прозрачного текста в Figma
Создаем фигуру для текста

4.Напишите на получившейся фигуре текст, используя инструмент Text (T)

Добавление текста на фигуру в Figma с помощью инструмента Text
Вставляем текст

5. Выделите текст. Его необходимо передвинуть на слой ниже. Для этого нажмите на клавиатуре клавишу русской Х или нажмите правой клавишей мыши и выберите send to back. Затем с зажатой клавишей Shift выберите фон, на котором находится текст. Когда текст и фон выбраны,нажмите сочетание клавиш Alt+Shift+E, или в правом верхнем углу интерфейса найдите троеточие, и выберите Exclude.

Настройка прозрачного текста в Figma с помощью функции Exclude
Создаём прозрачный текст с помощью Exclude

6. Готово. При желании можно менять текст, цвет фона и размер.

Готовый прозрачный текст на однотонном фоне в Figma
Прозрачный текст на однотонном фоне в Figma готов
Дата публикации: 27.08.2026
Проверено: 27.08.2026
Обновлено: 27.08.2026
Не можете найти свой вопрос или его тематику?
Можете смело присылать вопрос нам! Гарантируем, что Вы получите экспертную консультацию по любой теме, касающейся нашей деятельности.
Вопросы на cхожие темы

Узнать стоимость и условия

* — поля, обязательные для заполнения
г. Минск, ул. Притыцкого, 2/3, 3 этаж, офис 24