Как сделать в Figma прозрачный фон? - коротко
Отключите видимость или задайте нулевую непрозрачность слою‑фон в панели слоёв, а при экспорте выберите формат PNG и включите опцию «Transparent background».
Как сделать в Figma прозрачный фон? - развернуто
Чтобы получить полностью прозрачный фон в Figma, следует выполнить несколько простых действий, каждый из которых гарантирует, что объект будет сохраняться без какого‑либо цвета позади него.
Сначала откройте нужный файл и выберите объект, которому требуется убрать фон. Это может быть отдельный слой, группа или целый фрейм. В правой боковой панели найдите раздел «Fill» (Заливка). По умолчанию у большинства элементов стоит активный цвет; нажмите на иконку цвета, чтобы открыть палитру, и выберите опцию «None» (Нет). При этом визуально заливка исчезнет, а элемент останется видимым за счёт контуров, теней или изображений, которые вы добавили ранее.
Если вы планируете экспортировать элемент, убедитесь, что в настройках экспорта включена поддержка прозрачности. Для этого нажмите кнопку «Export» в нижней части боковой панели, выберите нужный формат (PNG или SVG) и проверьте, что галочка «Include background» (Включать фон) отключена. При экспорте в PNG прозрачный фон будет сохранён автоматически, а в SVG он будет описан как отсутствие заливки.
При работе с прототипами и презентациями стоит обратить внимание на фон самой страницы. Откройте настройки прототипа, перейдите в раздел «Background» и установите цвет с нулевой непрозрачностью (Alpha = 0). Это позволит просматривать макет в браузере без какого‑либо цвета за пределами вашего дизайна.
Если вам нужно создать полностью пустой холст, создайте новый фрейм, выберите его и сразу же удалите заливку, как описано выше. При дальнейшем добавлении элементов в этот фрейм все новые слои будут наследовать прозрачный фон, пока вы не зададите им собственную заливку.
Итоговый процесс выглядит так:
- Выберите объект (слой, группу, фрейм).
- Отключите заливку, установив значение «None».
- При экспорте проверьте параметры формата и убедитесь, что фон не включён.
- Для прототипов задайте прозрачный цвет фона страницы.
Эти шаги позволяют полностью избавиться от любого фонового цвета и гарантируют, что ваш дизайн будет выглядеть чисто и профессионально в любых дальнейших использованиях.