⭐️ Как быстро избавляться от ненужной вложенности в иерархии компонентов

Самое банальное, с чем вы могли столкнуться после введения новой иерархии — это лишняя ветка в самом начале имени компонента.

Допустим, у нас есть вот такая структура:
– Страница с компонентами: Controls
– – Фрейм с компонентами: Buttons
– – – Компонент: Buttons / Large Primary / Enabled

Ранее в дропе перезаписи не учитывалось физическое расположение компонента, а теперь учитывается — в дереве компонентов появились ветки страниц и фреймов. Значит слово Buttons в названии компонента больше не нужно, оно мешает, потому что создает лишнюю ветку и усложняет имя. Быстро отрезать все такие ненужные ветки поможет новая функция групповых переименований.


Когда все компоненты уже сгруппированы по фреймам

1. Выделяем фрейм с пачкой компонентов
2. Нажимаем Enter, чтобы выделить все вложенные во фрейм компоненты
3. Жмем Cmd + R, чтобы вызвать окно групповых переименований
4. В поле Match вводим названия веток, которые нужно отрезать. В ролике к посту это "Buttons / "
5. Поле Rename to оставляем пустым и нажимаем Enter


Вслед за компонентами поменяют свои имена и все их экземпляры, если до этого они не были переименованы вручную, что тоже приятно радует.

О плюсах новой иерархии

–
#дизайн_системы #подсказки