<aside> ℹ️ Примерное время на прочтение: 10 минут.

</aside>

Стили (styles) позволяют сохранять наборы свойств объекта для повторного использования. Если вы измените какое-либо свойство стиля, оно будет переопределено для всех элементов, которые используют данный стиль.

Стили в Figma существуют для следующих элементов:

1. Цвет — заливка (fill), обводка (stroke) и фон для фреймов (background color).
2. Текст — шрифт, начертание, размер, межбуквенный и межстрочный интервалы.
3. Эффекты — внутренняя и внешняя тень, размытие объекта или фона.
4. Сетки (grid), колонки (columns) или строки (rows).

Чтобы создать стиль, необходимо выделить объект, которому заданы определённые параметры и в правом сайдбаре интерфейса Figma нажать на четыре точки, после чего откроется дропдаун с настройками стиля. Затем следует нажать на плюс (создать стиль) и во всплывающем окне указать название для данного стиля.

Нажав правой кнопкой на стиль в списке стилей, можно изменить или удалить стиль. В настройках стиля можно изменить его параметры и добавить описание. Также стили можно объединять в группы (add new folder) путём выделения и нажатия правой кнопкой мыши.

Использование стилей в самом начале работы над продуктов, позволит в будущем безболезненно изменять параметры для повторяющихся элементов.

Имена стилей имеют значение для быстрого поиска необходимого стиля. Для группировки стилей в палитре стилей вы можете добавлять в имена префиксы, разделённые слэшем «/» (main colors/black 100). Это является альтернативой ручного создания папок, о котором упоминалось выше.

Префиксы можно использовать для: