Elevation Scale « Сайт по фигме, но автор отношения к ним не имеет! Not affiliated with Figma

установить плагин для Фигмы Elevation Scale

Плагин Elevation Scale создает системы из набора разных стилей теней.

Как пользоваться

Запустите плагин и нажмите кнопку «Создать новую шкалу высот»

Выберите рамку шкалы высот

Настройте параметры по своему вкусу

Шаги

Шаги — это количество возвышений / теней. Например, «шаги: 2» создадут две тени, каждая со всеми указанными слоями.

Стили эффектов

Чтобы автоматически создавать и обновлять стили эффектов, включите параметр «Синхронизировать стили». При желании можете указать имя стиля, которое будет использоваться для создания стилей эффектов. Если вы добавите # к имени, оно будет заменено текущим шагом. ## приведет к префиксу 0, если меньше 10.

// Пример названия стиля с #
Высота / Уровень # // Высота / Уровень 0, Высота / Уровень 1, …

// Пример названия стиля с ##
Elevation / ## dp // Elevation / 00dp, Elevation / 01dp, …, Elevation / 12dp

Характеристики

Тип тени: Либо тень, либо внутренняя тень
x: смещение тени по оси x. # заменяется текущим шагом. Например. .5 * #
y: смещение тени по оси y. # заменяется текущим шагом. Например. 2 + #
blur: радиус размытия теней. # заменяется текущим шагом. Например. (1 + #) * 4
распространение: тени распространяются. # заменяется текущим шагом. Например. # /. 5
цвет: шестизначный шестнадцатеричный код цвета от 000000 до FFFFFF
непрозрачность: непрозрачность цвета. # заменяется текущим шагом. Например. 10 + # если # = 1 -> 11%

Добавление слоев

Шаг возвышения состоит из одного или нескольких слоев высот (каждый «слой» представляет собой эффект, например, тень или внутреннюю тень)
Каждый добавленный вами слой будет присутствовать на каждом шаге
Чтобы добавить новый слой, нажмите кнопку «Добавить слой» под списком слоев
Чтобы удалить слой, щелкните значок корзины рядом с названием слоя. (Нельзя удалить последний слой)
Имена слоев предназначены исключительно для вашей организации различных слоев и не влияют на отметки или имена