Автор: Джош Данстервиль, сообщество Figma
Кто сказал, что нужно ограничивать генеральную уборку домашней рутиной?
Солнце светит, цветы цветут, и ваши файлы в Figma жаждут внимания. Придайте им свежий вид с нашим набором советов от Figma.
Мы собрали все лучшие методы для очистки вашего мира Figma. Например, использование фреймов для организации компонентов или ярлыков для массового переименования слоев. Посмотрите, как ваши проекты заиграют искрами радости с этими идеями.
Пакетное Переименование
В каждом многолетнем дизайн-проекте панель слоев ухудшается с течением времени. Вы создаете, дублируете и корректируете тонну слоев, причем многие из них похожи или связаны. В результате ваша панель слоев превращается в море имен, потерянных и без контекста. Процесс исправления может быть болезненным.
Вот где функция пакетного переименования пригодится! С помощью нескольких щелчков мыши, вы можете дать всем слоям имена, которые они заслуживают.
Чтобы использовать функцию, начните с выбора нескольких слоев, затем щелкните правой кнопкой мыши и выберите Переименовать или используйте сочетание клавиш Command + R.
Отсюда открывается несколько вариантов:
- Переименовать все с тем же именем
- Добавить числовой суффикс (показано выше)
- Добавить префикс
- Переименуйте часть имени слоя.
- Используйте регулярные выражения для еще большего контроля над наименованием
Добавление пользовательского эскиза
Когда вы добавляете пользовательское изображение миниатюры в свои файлы, это может значительно помочь в организации и легком сканировании. Мы знаем, что этот совет Figma был дан раньше, но он настолько полезен, что мы подумали, что стоит снова публиковать! Вы можете создать пользовательские эскизы для ваших файлов с помощью нескольких простых шагов.
- Создайте новую страницу и переместите ее в начало списка страниц. Вы можете назвать его как угодно.
- Добавьте на страницу один кадр размером 640x320. Отсюда вы можете добавить название, описание, изображения и т.д.
- Убедитесь, что цвет фона рамки и цвет фона холста совпадают. В приведенном ниже примере у меня есть мой набор #FFFFFF.
Добавление пользовательских эскизов упрощает просмотр файлов. Вы также можете использовать их для передачи состояния проекта, версий и т.д.
Сортировка файлов браузера
Когда придет время организовать и очистить файлы, воспользуйтесь параметрами сортировки в браузере файлов. Сортируя по имени файла, вы можете найти все файлы с именем «Без названия», которые вам, вероятно, не нужны. Другие параметры: сортировка по дате создания и последнего изменения.
Удаление компонентов из библиотеки Team Library
Генеральная уборка — это хорошая возможность проветрить вашу систему проектирования и библиотеку компонентов. Все ли компоненты имеют смысл для всех в вашей команде? Есть ли устаревшие? Это могут быть базовые компоненты, такие как фон кнопки или просто компонент, который больше не нужен. Для очистки библиотеки достаточно перейти на вкладку Компоненты, щелкнуть правой кнопкой мыши и выбрать Remove from Library.
Этого также можно достичь, добавив . или _ в начало имени компонента.
Организация с фреймами и страницами
Что хорошего в библиотеке, если она не организована? Рекомендуем использовать фреймы и страницы для организации библиотек компонентов и систем проектирования в коллекции, имеющие смысл для вас и вашей команды. Делая это, вы можете сократить все косые черты и сохранить имена компонентов красиво и просто. Это также помогает команде просматривать библиотеку с легкостью!
Перевод статьи с сайта Figma.com