В Figma появился встроенный эффект стекла, с помощью которого можно проектировать интерфейсы под новый дизайн-код операционных системы Apple. Функция в бета-режиме доступна всем пользователям.

Эффект стекла можно применить только к фрейму. На фигурах, изображениях и тексте он не работает. У эффекта есть и другие особенности:

Радиус всех углов фрейма должен быть одинаковым.
Фреймы с эффектом можно импортировать только в формате PNG.
«Стеклянные» элементы не поддерживаются в сервисе Figma Sites.
Liquid Glass от Apple учитывает отражения от окружающих элементов, а эффект в Figma — нет.
При наложении элементов фоновый «стеклянный» объект не учитывается при рендеринге.

Как использовать эффект

Создайте новый фрейм и в выпадающем списке эффектов выберите Glass.
В окне параметров настройте характеристики объекта. В палитре можно выбрать цвет.

Поддерживается наложение эффектов. Например, можно одновременно использовать эффект стекла и текстурирование.

Также Figma подготовила краткое руководство для начала работы.

В Figma добавили инструмент для создания эффекта стекла в стиле Liquid Glass