Как сделать тень в фигме?

1. Выберите объект, который должен отбрасывать тень. Для собранной карточки обычно это её фрейм с фоновой заливкой. Если выбрать только текстовый слой, тень повторит буквы, а не прямоугольную форму всей карточки.

2. В правой панели найдите Effects и добавьте эффект. Выберите Drop shadow. Убедитесь, что получилась внешняя тень: Inner shadow используется для внутреннего затемнения и создаёт другое впечатление глубины.

3. Откройте настройки эффекта. Задайте X и Y для смещения. Например, в учебном макете можно начать с X = 0 и небольшого положительного Y, чтобы тень располагалась главным образом ниже карточки. Эти значения служат отправной точкой, а не обязательным стандартом.

4. Измените Blur. Небольшое размытие даёт более резкую границу, увеличение делает её мягче. Сравните результат с соседними элементами: мягкость должна соответствовать задуманному стилю, а не просто быть максимальной.

5. Подберите цвет и непрозрачность тени. На светлом фоне часто достаточно слабого затемнения. На другом фоне тот же набор чисел будет восприниматься иначе, поэтому проверяйте карточку в её настоящем окружении.

6. Переместите карточку на небольшое расстояние и убедитесь, что тень следует за ней. Поскольку эффект назначен самому слою, отдельный размытый прямоугольник для этого не требуется. Верните карточку на место после проверки.

7. Посмотрите результат при обычном масштабе и на экспортированном фрагменте. Если тень выглядит обрезанной, проверьте контейнеры и область экспорта. Не добавляйте ещё одну тень поверх, пока не выясните причину. Для временного сравнения включайте и выключайте существующий эффект.

С небольшой непрозрачностью выглядит спокойнее.

Тень карточки Выделите её фрейм и добавьте Effects → Drop shadow. Настройте смещение, размытие, цвет и непрозрачность. Тень будет свойством карточки, отдельная фигура не нужна.

Выбрал текст вместо фрейма, поэтому тень сначала была у букв.