Search
Write a publication
Pull to refresh

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

Reading time1 min
Views2K

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

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

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

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

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

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

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

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

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

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

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

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

Tags:
Hubs:
If this publication inspired you and you want to support the author, do not hesitate to click on the button
+2
Comments0

Other news