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

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

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

• Радиус всех углов фрейма должен быть одинаковым.

• Фреймы с эффектом можно импортировать только в формате PNG.

• «Стеклянные» элементы не поддерживаются в сервисе Figma Sites.

• Liquid Glass от Apple учитывает отражения от окружающих элементов, а эффект в Figma — нет.

• При наложении элементов фоновый «стеклянный» объект не учитывается при рендеринге.

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

• Создайте новый фрейм и в выпадающем списке эффектов выберите Glass.

• В окне параметров настройте характеристики объекта. В палитре можно выбрать цвет.

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

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