Адекватные названия слоев помогают ориентироваться в макетах не только вам самим, но и разработчику. Например, если вы дадите иконкам корректные названия, то разработчику не придется их придумывать самому. Плюс это упростит коммуникацию между вами — будете понимать о какой конкретной иконке (или компоненте) вы говорите.
А ещё, через названия компонентов можно задавать иерархию, используя слеш «/». Эта иерархия будет отображаться в меню Swap Instance.
Чтобы запустить массовое переименование, выделяем все слои и жмём ⌘R. Новое название применится ко все слоям сразу — тут всё понятно. Ниже покажу как с помощью этой штуки можно поубивать много рутины.
Добавляем префикс в конце
Префикс — повторяющийся текст в каждом названии. Например, save‑24px, close‑24px, add‑24px. То есть, нам нужно сохранить старые названия и добавить к ним приписку.
Для сохранения старого названия есть кнопка «Current name». Она вставляет в поле символы «$&» — на их место встанут старые названия слоёв. Рядом с «$&» можно писать любые префиксы:
Создание иерархии
Для меню Swap Instance можно создать любую иерархию — условные папки для категоризации компонентов. Вложенность задается через названия компонента — то есть, не нужно менять структуру самих макетов.
Например, хотим закинуть группу иконок в отдельную категорию. Для этого нужно прописать пути куда хотим положить иконки. По сути, это префиксы к старым названиям в виде «Notice / M / .. ». «Notice» станет первым уровнем, «M» — вторым, а внутри наши иконки. Да, Фигма определяет слеш «/» как вложенность.
Нумерация
Нумерация может пригодиться для фиксации компонентов или категорий в списках Swap Instance. Например, часто-используемые можно вынести наверх. Нумерация имеет практическую пользу только в качестве префиксов к названиям.
Чтобы добавить нумерацию, жмём «Number ↑». В поле появятся символы «$nn». Затем вставляем старое название. Посередине можно добавить пробел, например. За результатом можно наблюдать в превью слева.
Количество n — разрядность. Например, $nn: 01, 02 .. 99; $nnn: 001, 002 .. 999; и так далее.
Нюанс: Фигма нумерует слои относительно их z‑индекса в панели слоев. То есть, слой сверху будет 01, а который под ним 02. Учитывайте это.
Удаление или замена совпадений
Самая крутая фича — это поле «Match». Например, нам нужно у всех названий удалить префикс. Пишем в поле этот префикс и в превью видим как он удаляется у всех слоев.
Комбинируя поля «Match» и «Rename to» можно заменять одни символы на другие. Ну или один префикс сменить на другой — как угодно: