Стили в Figma
Стили позволяют сохранять наборы свойств объекта для повторного использования.
Если вы измените какое-либо свойство стиля, это значение будет переопределено для всех элементов, использующих этот стиль.
Поддерживаются стили:
- Заливок: заполнение (Fill), обводка (Stroke), Фон (Background color)
- Текст: шрифты, размеры, высота строки, интервалы
- Эффекты: тень, внутренняя тень, размытие, размытие фона
- Сетки: строки, столбцы и отступы
Как добавить стиль к элементу
Чтобы добавить стиль к элементу, нажмите на на иконку с четырьмя точками в панели свойств. Во всплывающем окне вы увидите список стилей, доступных для элемента. Кликнув на один из них, вы установите стиль для выбранного элемента.
Как создать стиль
1) Создайте элемент, задайте его свойства
2) Откройте всплывающее окно стилей, нажав на иконку с четырьмя точками. Обратите внимание, что такие иконки расположены в разных местах панели свойств
3) Нажмите значок плюс (+) в открывшейся панели
4) Введите название стиля
После создания стиля вы увидите, что панель свойств изменилась. Теперь вместо настроек, отображается название стиля. Если вы наведете на него курсор, вы увидите две иконки — настройки стиля и кнопку «Detach style», открепляющую стиль от этого элемента.
Если вы нажмете на название стиля, откроется всплывающее окно, в котором можно выбрать другие стили или добавить новый.
Как удалить стиль
Ниже речь идет именно об удалении стиля вообще из списка доступных, а не об откреплении стиля от элемента.
Чтобы удалить стиль, вызовите окно со списком стилей и вызовите контекстное меню («правая кнопка» мыши), из списка команд выберите Delete Style.
Обратите внимание, что удаление стиля не означает возврат связанных с ним элементов к исходным настройкам.
