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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

Источник: habr.com

Next Post

Компания bo представила двухмоторный электросамокат Turbo с мощностью 24 кВт и максимальной скоростью 160 км/ч

Компания bo представила электросамокат Turbo, оснащённый двухмоторным силовым агрегатом общей мощностью 24 кВт. Производитель обещает, что это транспортное средство может развивать максимальную скорость 160 км/ч. В корпусе самоката из авиационного алюминию скрыта силовая установка с более высоким соотношением мощности к массе, чем у Bugatti Veyron, и аккумулятор ёмкостью 1800 Вт·ч. […]