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

Пошаговая инструкция, как сделать эффект матового стекла в Figma

1. Создайте фигуру нужного размера и цвета. В панели Fill снизьте непрозрачность заливки до 5−20%.

2. В правой панели свойств нажмите на плюс в блоке Stroke. Задайте толщину обводки в 1 px. Нажмите на квадрат цвета обводки и в открывшемся окне переключите тип заливки с Solid (Сплошной) на Linear (Линейный градиент). Настройте четырехточечный градиент как на скриншоте: крайние точки сделайте белыми (100%), а две центральные — полностью прозрачными (0%).

3. Переходим к финальным эффектам. В правой панели свойств находим блок Effects, нажимаем на плюс и добавляем три параметра:

• Шум (Noise) — задаем минимальный размер зерна в диапазоне 0.2−0.5.
• Background blur — выставляем значение размытия от 20 до 50.
• Drop shadow — настраиваем мягкую тень. Параметры смещения и прозрачности подберите на свой вкус или сверьте со скриншотом.