Пользуйтесь любимым графическим редактором как истинный профессионал дизайна. Даже если вы уверены, что знаете все секреты Figma, вы найдете полезные для себя приемы в нашей статье. Начнем!

Скрыть курсоры других пользователей

Когда в одном файле Figma работает сразу несколько пользователей, не слишком удобно видеть на экране курсоры каждого из них.
Чтобы скрыть лишние курсоры:

1. Нажмите в правом верхнем углу на значок с процентом масштаба
2. Найдите в меню пункт «Multiplayer cursors»
3. Снимите с него галочку

Или воспользуйтесь комбинацией клавиш «Ctrl + Alt + \» для Windows или «Option + Command + \» для Mac.

Просмотр решенных комментариев

Комментарии, помеченные в файле как решенные, обычно не видны. Но при необходимости их можно просмотреть, действуя по следующему алгоритму:

1. Нажмите на значок комментария на панели инструментов вверху экрана
2. Кликните на значок «Sort/Filter» в верхней части меню справа
3. В открывшемся списке выберите пункт «Show resolved comments»

Выбор нужного слоя в окне программы

Быстро выбрать нужный слой в файле Figma можно, используя сочетание клавиш «CMD (или CTRL для Windows) + правая кнопка мыши». После этого выберите в открывшемся меню нужный слой.

Показать или скрыть контуры

Пользуясь функцией контуров, можно легко выбирать вложенные или скрытые слои. Чтобы сделать контуры видимыми:

1. Нажмите вверху справа на значок с процентом масштаба
2. Наведите курсор на пункт выпадающего меню «Outlines»
3. В открывшемся боковом меню выберите пункт «Show outlines»

Комбинация клавиш для этого действия для Mac и для Windows одинакова – «Shift + O»

Сделать обложку для проекта

Если вы работаете с большим количеством проектов в Figma, то узнаваемые обложки-миниатюры на стартовой странице помогут легко ориентироваться в своих файлах и быстро находить нужную информацию.

Создать обложку для проекта можно одним действием. Выделите правой кнопкой мыши нужный элемент и выберите в контекстном меню пункт «Set as thumbnail». Чтобы у миниатюры-обложки был нужный размер, достаточно установить новые параметры элемента в 1600x960 px.

Использовать калькулятор для редактирования элементов

Нередко дизайнеру нужно внести минимальные корректировки в файл, изменив размер того или иного элемента буквально на считанные пиксели. Кто-то сначала вычисляет новые параметры на калькуляторе, а потом меняет значения элементов.

В действительности такие сложности ни к чему. Просто выберите с помощью мыши объект, который надо отредактировать и сразу же используйте клавиши арифметических действий (+, -, / и *) для изменения размеров.

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

Перемещение элементов без группировки

Чтобы передвинуть несколько элементов одновременно, необязательно объединять их в группу. Действуйте так:

1. Выделите все нужные объекты
2. Нажмите Shift
3. Передвиньте курсор к блоку выравнивания вверху правой панели (раздел «Design»)
4. Фон иконок в этом блоке становится темнее, когда вы проводите над ними курсором
5. Нажмите на иконку с нужным типом выравнивания (по правому или левому краю, по центру, верхнему или нижнему краю)
6. Все выделенные объекты переместятся одновременно

Переименование нескольких слоев

Выбрав нужные слои и нажав комбинацию клавиш «CMD + R» (для Mac) или «CTRL +R» (для Windows), вы сможете переименовать сразу все слои в открывшемся модальном окне. Пользователь может таким образом заменить один текст другим, пронумеровать слои файла в удобном порядке или задать полностью новое название.

Этот прием упростит работу с анимированными и другими элементами за счет понятной нумерации кадров.

Настройка прозрачности с клавиатуры

Отрегулировать прозрачность элементов в файлах Figma можно непосредственно с клавиатуры. Для этого достаточно:

1. Выбрать нужный объект
2. Использовать цифровые клавиши для регулировки прозрачности

Клавиша «1» меняет прозрачность объекта на 10%, клавиша «2» — на 20%, «3» — на 30% и так далее. Если вы нажмете «0», параметр поменяется на 100%.

Если эта опция неактивна, включить ее можно двумя путями:

• Перейдите в основное меню программы, наведите курсор на строку «Preferences» и нажмите в открывшемся сбоку списке на пункт «Use number keys for opacity»
  
  
• Нажмите сочетание «Shift+Number», чтобы опция включилась

Заключение

Возможности графического редактора Figma поистине безграничны, поэтому его так любят те, кому постоянно приходится работать с графикой. Пользуйтесь советами из этой статьи, чтобы использовать этот онлайн-инструмент на все 100% и сделать свою работу еще более эффективной и приятной.