Опубликовала полезное видео на канале. Показала, как быстро навести порядок в слоях и фреймах в Фигме. Показала пару приемов , которыми сама пользуюсь постоянно.
Понадобится всего один плагин и запомнить пару горячих клавиш. Это поможет вам быстро прибраться в проекте.
Транскрибация видео в текст
В этом видео я покажу вам, как быстро выровнять фреймы в Figma. Переименовать их и расположить слои так, чтобы порядок слоев соотносился с порядком фреймой на артборде.
Для начала давайте свернем все слои.
Выбираем любой слой самой верхней иерархии и жмем ALT + L.
Все слои свернулись.
Убеждаемся, что все они имеют рандомные названия. Да, такое часто бывает в проектах,если в процессе за этим не следить. Скоро мы все это исправим.
Для начала разберемся с фреймами.
Выделяем их все.
Применяем автолейаут SHIFT +A (кто не знал, запоминайте), пригодится точно.
Собрались в мозайку, а нам надо в одну строку. Поэтому меняем на горизонталное расположение. Уменьшим растояние между фреймами до 40px. Если надо, то сейчас можем выбрать финальный порядок фреймов.
Все. Автолейаут нам больше не нужен, можем смело его разобрать. Горячие клавиши CTRL +SHIFT + G (очень часто ими пользуюсь)
Теперь необходимо соотнести порядок фреймов на доске, с порядком фреймов в слоях, чтобы все было красиво.
Для этого я использую плагин Sort Layers. Переходим в комьюнити Фигма. Пишем название. Вот он, с желтой иконкой и двумя стрелочками. Устанавливаем. У меня он уже установлен, поэтому двигаемся дальше.
Ссылку этот плагин я оставила в описании под видео. .
Возвращаемся в Фигму. Выделяем все наши фреймы и вызываем строку быстрого поиска. Клавиши CTRL + /
Начинаем вводить первые буквы плагина. Sort. Вот все его функции. Нам нужна сортировка по иксу (X). Кликаем на нее.
Смотрим. В слоях теперь фреймы в том же порядке, что и на борде.
Теперь осталось только правильно их переименовать. Выделяем все (фреймы). Жмем CTRL +R Это окно пакетного переименования.
Задаем какое-то имя, допустим Frame и после пробела указываем, что должен идти порядковый номер.
Пользуетесь ли вы горячими клавишами? Пишите в комментариях.
