Тень в Figma




Тень в Фигма добавляется в разделе эффектов. 

Чтобы добавить к объекту тень, выделите объект и добавьте с помощью значка «+» к нему эффект.

О том, как сделать тень в стиле Flat читайте здесь.

Тень flat в Figma

По умолчанию добавляется тень (Drop Shadow), но вы можете переключить его на другие: 

  1. тень внутрь объекта (Inner Shadow)
  2. размытие объекта (Layer Blur)
  3. размытие фона (Background Blur)

Чтобы настроить тень, нажмите иконку лампочки рядом с эффектом. 

Параметры тени

Blur — насколько плавно будет переходить тень в размытие

X — сдвиг по горизонтали

Y — сдвиг по вертикали

С 22 июля 2021 доступен параметр Show behind transparent areas — показывать ли тень за прозрачной частью фигуры

Цвет и прозрачность в процентах 

Настройка тени в Figma
Настройка тени в Figma
Show behind transparent areas
Показывать ли тень за прозрачной частью

 

Вы можете добавлять несколько эффектов к одному объекту — в том числе несколько теней.

Две тени в Figma
Две тени в Figma


Помогла ли вам эта статья?

Вы уже голосовали
Комментариев: 1
  1. Рост

    Спасибо! Полезно. :idea:

Добавить комментарий

;-) :| :x :twisted: :smile: :shock: :sad: :roll: :razz: :oops: :o :mrgreen: :lol: :idea: :grin: :evil: :cry: :cool: :arrow: :???: :?: :!: