ypx
9 полезных советов по работе в Figma для дизайнеров
Графический онлайн-редактор Figma полюбился миллионам дизайнеров по всему миру. В новом материале мы собрали несколько приемов, которые в разы повысят эффективность использования этого приложения.
Веб-дизайн
558
Пользуйтесь любимым графическим редактором как истинный профессионал дизайна. Даже если вы уверены, что знаете все секреты 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% и сделать свою работу еще более эффективной и приятной.
Понравилась статья? Сохраните её в своих соц. сетях!
обучайся с нами профессии
UX/UI-дизайнер
Подробнее о курсе
Читайте другие статьи
Программы для создания 3D иллюстраций
Мы собрали список лучших программ для 3D-моделирования, которое вы можете скачать сегодня и создать крутую иллюстрацию для своего проекта.
Веб-дизайн
3407
Стоит ли следовать дизайн-трендам?
Каждый год мы с нетерпением ждем, какими же будут новые тенденции веб-дизайна, но не допускаем ли мы ошибку, что следуем им?
Веб-дизайн
2558
5 лучших сервисов для подбора цветовой схемы
Выбор дизайнером цветовой схемы — одна из важнейших задач в создании дизайна. Мы сделали подборку хороших сервисов, которые облегчат дизайнерам работу с цветом и цветовыми сочетаниями.
Веб-дизайн
6027
Получайте первыми свежие статьи из нашего блога прямо на вашу почту
Введите корректный e-mail
Никакого спама. Только ценные и полезные статьи для вас!