Горячие клавиши Figma для быстрой работы

Горячие клавиши Figma для быстрой работы
Декабрь 2024
5 минут
Горячие клавиши (Figma Hotkeys) — это комбинация кнопок, ускоряющих работу с инструментом. Они помогают быстро переключаться между функциями и выполнять действия без использования мыши.

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

Как найти список горячих клавиш в Figma

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

  1. Через меню интерфейса. Кликните на вопросительный знак в правом нижнем углу окна и выберите пункт Keyboard Shortcuts.
Горячие клавиши в меню — Keyboard Shortcuts
Меню интерфейса Figma
2. Через комбинацию клавиш. На Windows нажмите Ctrl + Shift + ?, на MacOS — Cmd + Shift + ?.
3. Через главное меню. Откройте меню Help and Account (в левом верхнем углу), затем выберите Keyboard Shortcuts.
Еще один способ найти горячие клавиши
Главное меню Figma
В открывшемся окне появится полный список Figma Hotkeys, сгруппированных по категориям: от работы с файлами до управления слоями.

Основные горячие клавиши для навигации в интерфейсе Figma

Боковые панели

Интерфейс Figma состоит из нескольких панелей: слева, справа и сверху. Они позволяют менять настройки и параметры рабочей области. Панели можно временно скрыть, чтобы увидеть работу целиком.

Чтобы убрать или вернуть боковое меню, используйте комбинацию:

  • Windows: Ctrl + \
  • MacOS: Cmd + \
Чистый интерфейс позволяет демонстрировать макеты клиентам или команде в полном объеме
Рабочее пространство Figma без боковых панелей
Обеспечивает быстрый доступ к инструментам: все основные функции, плагины и настройки находятся под рукой, ускоряя процесс работы
Рабочая область Figma с боковыми панелями

Сетка

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

  • Windows: Ctrl + Shift + 4
  • MacOs: Cmd + G
Упрощает распределение пространства, делает дизайн более структурированным
Интерфейс Figma с включенной сеткой

Режим контуров

Режим контуров (Outline mode) отображает только обводки объектов, скрывая их заливки. Это упрощает работу с детализированными композициями и векторной графикой.

Включить/выключить Outline Mode поможет комбинация:

  • Windows: Ctrl + Shift + O
  • MacOs: Cmd + Shift + O
Удобен для работы с компонентами, масками и деталями
Активированный режим контуров в Figma
Все элементы отображаются с применением стилей, цветов и эффектов
Выключенный режим контуров в Figma

Линейка

Помогает выравнивать объекты на холсте. Используйте комбинацию Shift + R, чтобы включить и выключить линейку.
Инструмент адаптируются под масштабирование холста, отображая актуальные размеры в пикселях
Расположение линейки на рабочем пространстве Figma

Направляющие (силовые)

Помогают выравнивать элементы на холсте и создавать симметричные макеты. Чтобы добавить направляющую, подведите курсор к линейке. Как только появится значок с двусторонней стрелкой, зажмите левую кнопку мыши и переместите линию в нужную область. Она останется на экране, пока вы ее не удалите с помощью клавиши Delete.
Перемещайте направляющие вручную или задайте координаты в панели свойств для точного позиционирования
Добавление направляющих на фрейм в Figma
Убрать все направляющие поможет то же сочетание клавиш, что и для линейки, — Shift + R.

Полезные горячие клавиши для работы с инструментами Figma

Раздел Tools включает все необходимое для создания и редактирования объектов: фреймы, фигуры, линии, комментарии и многое другое.
Инструменты обеспечивают полный контроль над процессом создания дизайна и позволяют работать быстро и эффективно
Раздел Tools в Figma
Эти клавиши помогут сэкономить время и сделать процесс проектирования удобнее:
Подписка РБК Pro на 3 месяца
Мини-курс на выбор
Любой интенсив РБК Pro
Профессия «UX/UI-дизайнер» со скидкой до 70%

Горячие клавиши для форматирования и редактирования текста в Figma

Все параметры текстового оформления есть в разделе Text на правой панели Figma. Чтобы добавить текст быстрее, нажмите клавишу T, кликните по нужному месту на холсте и начните вводить.
Инструменты для создания профессиональных и креативных текстовых решений в дизайне
Раздел Text в Figma
Основные горячие клавиши для редактирования текста:

Горячие клавиши для работы со слоями в Figma

Помогают упорядочивать объекты, управлять их видимостью, изменять порядок и группировать для совместного редактирования.
Обеспечивает полный контроль над управлением и организацией объектов в проекте
Раздел Selection в Figma
Основные горячие клавиши для управления слоями:
Чтобы выделить все элементы, нажмите Ctrl + A на Windows и Cmd + A на MacOs.

Горячие клавиши для создания и редактирования компонентов Figma

Компоненты в Figma — это универсальные элементы, которые можно многократно использовать в проекте. При изменении основного компонента все его копии (экземпляры) также обновляются, что значительно упрощает редактирование и поддержку дизайна.
прощают процесс проектирования, повышают производительность и способствуют стандартизации элементов в дизайне
Компоненты в Figma
Основные горячие клавиши для управления с компонентами:
Горячие клавиши в Figma помогают автоматизировать рутинные действия и значительно ускорить работу с интерфейсом. Вместо того чтобы каждый раз искать нужную функцию в меню, вы можете выполнять задачи одним нажатием. Например, использовать комбинацию Ctrl + Z или Cmd + Z, чтобы отменить последнее действие, или удалить любой объект одной кнопкой — Delete.

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

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

Комментарии

Нажимая кнопку «Получить консультацию», вы подтверждаете согласие на обработку персональных данных в соответствии с условиями Политики конфиденциальности

Проконсультируйтесь
с карьерным специалистом

Проанализируем ваши навыки, сферу интересов и дадим рекомендации по дальнейшему профессиональному развитию

Вам может понравиться

до -70% на курсы и подарки к Новому году
Как найти список горячих клавиш в Figma Чтобы ознакомиться со всеми доступными комбинациями программы, можно воспользоваться несколькими способами: Через меню интерфейса. Кликните на вопросительный знак в правом нижнем углу окна и выберите пункт Keyboard Shortcuts. Основные горячие клавиши для навигации в интерфейсе Figma Боковые панели Интерфейс Figma состоит из нескольких панелей: слева, справа и сверху. Они позволяют менять настройки и параметры рабочей области. Панели можно временно скрыть, чтобы увидеть работу целиком. Чтобы убрать или вернуть боковое меню, используйте комбинацию: Windows: Ctrl + \ MacOS: Cmd + \ Сетка Помогает упорядочивать элементы и сохранять пропорции в дизайне. Чтобы включить или отключить сетку, используйте сочетание клавиш: Windows: Ctrl + Shift + 4 MacOs: Cmd + G Режим контуров Режим контуров (Outline mode) отображает только обводки объектов, скрывая их заливки. Это упрощает работу с детализированными композициями и векторной графикой. Включить/выключить Outline Mode поможет комбинация: Windows: Ctrl + Shift + O MacOs: Cmd + Shift + O Линейка Помогает выравнивать объекты на холсте. Используйте комбинацию Shift + R, чтобы включить и выключить линейку. Направляющие (силовые) Помогают выравнивать элементы на холсте и создавать симметричные макеты. Чтобы добавить направляющую, подведите курсор к линейке. Как только появится значок с двусторонней стрелкой, зажмите левую кнопку мыши и переместите линию в нужную область. Она останется на экране, пока вы ее не удалите с помощью клавиши Delete. Убрать все направляющие поможет то же сочетание клавиш, что и для линейки, — Shift + R. Полезные горячие клавиши для работы с инструментами Figma Раздел Tools включает все необходимое для создания и редактирования объектов: фреймы, фигуры, линии, комментарии и многое другое. Эти клавиши помогут сэкономить время и сделать процесс проектирования удобнее: Инструмент Горячие клавиши Перемещение V Масштабирование K Рамка F Перо P Карандаш Shift + P Текст T Ресурсы Shift + I Рука H Секция Shift + S Срез S Прямоугольник R Линия L Стрелка Shift + L Эллипс O Размещение изображения Shift + Ctrl + K Добавление комментария C Выбор цвета I Горячие клавиши для форматирования и редактирования текста в Figma Все параметры текстового оформления есть в разделе Text на правой панели Figma. Чтобы добавить текст быстрее, нажмите клавишу T, кликните по нужному месту на холсте и начните вводить. Горячие клавиши для работы со слоями в Figma Помогают упорядочивать объекты, управлять их видимостью, изменять порядок и группировать для совместного редактирования. Title: Раздел Selection в Figma Alt: Обеспечивает полный контроль над управлением и организацией объектов в проекте Основные горячие клавиши для управления слоями: Задача Windows MacOs Включить/отключить видимость слоя Ctrl + Shift + H Cmd + Shift + H Заблокировать/разблокировать слой Ctrl + Shift + L Cmd + Shift + L Сгруппировать слои Ctrl + G Cmd + G Разгруппировать слои Ctrl + Shift + G Cmd + Shift + G Преобразовать элементы во фрейм Ctrl + Alt + G Cmd + Alt + G Дублировать слой Ctrl + D Cmd + D Перемещать слои вперед/назад Ctrl + ] или Ctrl + [ Cmd + ] или Cmd + [ Удалить слой Delete Backspace Свернуть все слои в левой панели Alt + L Alt + L Чтобы выделить все элементы, нажмите Ctrl + A на Windows и Cmd + A на MacOs. Горячие клавиши для создания и редактирования компонентов Figma Компоненты в Figma — это универсальные элементы, которые можно многократно использовать в проекте. При изменении основного компонента все его копии (экземпляры) также обновляются, что значительно упрощает редактирование и поддержку дизайна. Title: Компоненты в Figma Alt: Упрощают процесс проектирования, повышают производительность и способствуют стандартизации элементов в дизайне Основные горячие клавиши для управления с компонентами: Задача Windows MacOs Создать компонент Ctrl + Alt + K Cmd + Alt + K Показать все компоненты Alt + 2 Alt + 2 Развернуть компонент Ctrl + Alt + B Cmd + Alt + B Дублировать компонент Ctrl + D Cmd + D Открыть библиотеку компонентов Ctrl + Alt + O Cmd + Alt + O Вставить компонент из библиотеки Shift + I Shift + I Преобразовать компонент во фрейм Ctrl + Alt + B Cmd + Alt + B Горячие клавиши в Figma помогают автоматизировать рутинные действия и значительно ускорить работу с интерфейсом. Вместо того чтобы каждый раз искать нужную функцию в меню, вы можете выполнять задачи одним нажатием. Например, использовать комбинацию Ctrl + Z или Cmd + Z, чтобы отменить последнее действие, или удалить любой объект одной кнопкой — Delete. С помощью горячих клавиш вы будете меньше отвлекаться на технические детали и уделять больше времени творчеству. Если вы хотите освоить Figma и начать свой путь в дизайне, приходите на мини-курс ProductStar. За 2 месяца вы на практике изучите все инструменты графического редактора, соберете портфолио и защитите дипломный проект. Этого будет достаточно, чтобы сделать первые шаги в карьере и начать зарабатывать.