Как сделать эффект глассморфизма в Figma

1. Создайте фрейм (клавиша F) размером 1080x1080. Залейте его цветом и добавьте текст/фигуру (у нас градиентный круг)на фон, чтобы после увидеть эффект стекла.

Как сделать эффект глассморфизма в Figma

2. Добавьте шейп Создайте прямоугольник (клавиша R) Добавьте скругление (40 пунктов) Установите цвет заливки #FFFFFF, снизьте прозрачность цвета до 40%.

Как сделать эффект глассморфизма в Figma

3. Добавьте эффект Background blur по заданным параметрам (см.скрины)

Как сделать эффект глассморфизма в Figma

4. Экспериментируйте. Отрегулируйте прозрачность цвета и размываемость фона для достижения желаемого эффекта. По желанию можно добавить обводку шейпа (stroke) градиентом от белого к прозрачному.

Как сделать эффект глассморфизма в Figma
Начать дискуссию