Просмотр стилей в Figma




Просмотр локальных стилей

Локальные стили — это стили, которых хранятся в данном файле.

Отображение стиля вместо свойств
Отображение стиля вместо свойств

Их можно просмотреть:

  • В панели доступных для элемента стилей
  • В панели свойств справа

Для просмотра в панели свойств нажмите на пустую область канваса (ваша рабочая область), чтобы не было выбрано никаких элементов, либо снимите выбор с помощью клавши Esc. 

Кнопка вызова окна со списком стилей
Кнопка вызова окна со списком стилей

В панели свойства локальные стили делятся  на группы: стили текста, цветов, эффектов и разметки. 

Просмотр в панели выбора стиля

Для просмотра стилей в панели выбора стилей нажмите на иконку с четырьмя точками, в открывшемся окне вы увидите список стилей. 

Порядок сортировки по-умолчанию: 

  • По алфавиту по названию команды
  • В алфавитном порядке по имени файла
  • Отдельные стили расположены в том же порядке, в каком они отображаются на правой боковой панели.

Группировка стилей

Для удобства вы можете объединять свои стили в группы.  Это делается с помощью префиксы вида название группы/название стиля.

Группировка стилей
Группировка стилей

 

Сгруппированные стили
Сгруппированные стили. Phonts — название группы

 

  • Группу не надо создавать — Фигма смотрит на префиксы и объединяет под ним все стили, у которых он есть
  • Название группы и стиля разделяется /

Порядок стилей

Изменить порядок стилей можно, перетащив стиль в списке в нужное место

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

Вы уже голосовали
Добавить комментарий

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