Горячие клавиши (Figma Hotkeys) — это комбинация кнопок, ускоряющих работу с инструментом. Они помогают быстро переключаться между функциями и выполнять действия без использования мыши.
Рассмотрим основные горячие клавиши, которые помогут эффективно ориентироваться в интерфейсе, управлять слоями и редактировать объекты и текст.
Чтобы ознакомиться со всеми доступными комбинациями программы, можно воспользоваться несколькими способами:
Через меню интерфейса. Кликните на вопросительный знак в правом нижнем углу окна и выберите пункт 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) отображает только обводки объектов, скрывая их заливки. Это упрощает работу с детализированными композициями и векторной графикой.
Помогает выравнивать объекты на холсте. Используйте комбинацию Shift + R, чтобы включить и выключить линейку.
Расположение линейки на рабочем пространстве Figma
Направляющие (силовые)
Помогают выравнивать элементы на холсте и создавать симметричные макеты. Чтобы добавить направляющую, подведите курсор к линейке. Как только появится значок с двусторонней стрелкой, зажмите левую кнопку мыши и переместите линию в нужную область. Она останется на экране, пока вы ее не удалите с помощью клавиши Delete.
Добавление направляющих на фрейм в Figma
Убрать все направляющие поможет то же сочетание клавиш, что и для линейки, — Shift + R.
Полезные горячие клавиши для работы с инструментами Figma
Раздел Tools включает все необходимое для создания и редактирования объектов: фреймы, фигуры, линии, комментарии и многое другое.
Раздел Tools в Figma
Эти клавиши помогут сэкономить время и сделать процесс проектирования удобнее:
Горячие клавиши для форматирования и редактирования текста в Figma
Все параметры текстового оформления есть в разделе Text на правой панели Figma. Чтобы добавить текст быстрее, нажмите клавишу T, кликните по нужному месту на холсте и начните вводить.
Раздел Text в Figma
Основные горячие клавиши для редактирования текста:
Задача ;Windows ;MacOs ;
Выделить текст жирным <br /><br /> Выделить текст курсивом <br /><br /> Подчеркнуть текст <br /><br /> Зачеркнуть текст <br /><br /> Выровнять по левому краю <br /><br /> Выровнять по правому краю <br /><br /> Выровнять по центру <br /><br /> Выровнять по ширине <br /><br />Изменить размер <br /><br /> Создать ссылку <br /><br /> Маркированный список <br /><br /> Нумерованный список <br /><br /> Увеличить размер шрифта <br /><br /> Уменьшить размер шрифта <br /><br /> Увеличить толщину шрифта <br /><br /> Уменьшить толщину шрифта <br /><br /> Увеличить межстрочный интервал <br /><br /> Уменьшить межстрочный интервал <br /><br /> Увеличить межбуквенное расстояние <br /><br /> Уменьшить межбуквенное расстояние;Ctrl + B <br /><br />Ctrl + I <br /><br />Ctrl + U <br /><br />Shift + Ctrl + X <br /><br />Ctrl + Alt + L <br /><br />Ctrl + Alt + R <br /><br />Ctrl + Alt + T <br /><br />Ctrl + Alt + J <br /><br />Ctrl + Shift + < и > <br /><br />Ctrl + K <br /><br />Shift + Ctrl + 8 <br /><br />Shift + Ctrl +7 <br /><br />Shift + Ctrl + ><br /><br />Shift + Ctrl + < <br /><br /> Shift + Ctrl + > <br /><br /> Alt + Ctrl + < <br /><br /> Alt + Shift + > <br /><br /> Alt + Shift + < <br /><br />Alt + > <br /><br />Alt + <; Cmd + B <br /><br /> Cmd + I <br /><br /> Cmd + U <br /><br /> Shift + Cmd + X <br /><br /> Cmd + Alt + L <br /><br />Cmd + Alt + R <br /><br /> Cmd + Alt + T <br /><br /> Cmd + Alt + J <br /><br />Cmd + Shift + <и> <br /><br /> Cmd + K <br /><br /> Shift + Cmd + 8 <br /><br /> Shift + Cmd + 7 <br /><br /> Shift + Cmd + > <br /><br /> Shift + Cmd + < <br /><br /> Shift + Cmd + > <br /><br /> Alt + Cmd + < <br /><br /> Alt + Shift + > <br /><br /> Alt + Shift + < <br /><br /> Alt + > <br /><br /> Alt + <
Горячие клавиши для работы со слоями в Figma
Помогают упорядочивать объекты, управлять их видимостью, изменять порядок и группировать для совместного редактирования.
Раздел Selection в Figma
Основные горячие клавиши для управления слоями:
Задача ;Windows ;MacOs ;
Включить/отключить видимость слоя<br /><br />Заблокировать/разблокировать слой<br /><br />Сгруппировать слои<br /><br />Разгруппировать слои<br /><br />Преобразовать элементы во фрейм<br /><br />Дублировать слой<br /><br />Перемещать слои вперед/назад<br /><br />Удалить слой<br /><br />Свернуть все слои в левой панели.;Ctrl + Shift + H<br /><br />Ctrl + Shift + L<br /><br />Ctrl + G<br /><br />Ctrl + Shift + G <br /><br />Ctrl + Alt + G<br /><br />Ctrl + D<br /><br />Ctrl + ] или Ctrl + [<br /><br />Delete <br /><br />Alt + L;Cmd + Shift + H<br /><br />Cmd + Shift + L<br /><br />Cmd + G <br /><br />Cmd + Shift + G <br /><br />Cmd + Alt + G<br /><br />Cmd + D<br /><br />Cmd + ] или Cmd + [<br /><br />Backspace<br /><br />Alt + L
Чтобы выделить все элементы, нажмите Ctrl + A на Windows и Cmd + A на MacOs.
Горячие клавиши для создания и редактирования компонентов Figma
Компоненты в Figma — это универсальные элементы, которые можно многократно использовать в проекте. При изменении основного компонента все его копии (экземпляры) также обновляются, что значительно упрощает редактирование и поддержку дизайна.
Компоненты в Figma
Основные горячие клавиши для управления с компонентами:
Задача ;Windows ;MacOs ;
Создать компонент<br /><br />Показать все компоненты<br /><br />Развернуть компонент<br /><br />Дублировать компонент<br /><br />Открыть библиотеку компонентов<br /><br />Вставить компонент из библиотеки<br /><br />Преобразовать компонент во фрейм.;Ctrl + Alt + K<br /><br />Alt + 2<br /><br />Ctrl + Alt + B<br /><br />Ctrl + D <br /><br />Ctrl + Alt + O<br /><br />Shift + I<br /><br />Ctrl + Alt + B;Cmd + Alt + K<br /><br />Alt + 2<br /><br />Cmd + Alt + B <br /><br />Cmd + D<br /><br />Cmd + Alt + O<br /><br />Shift + I<br /><br />Cmd + Alt + B
Горячие клавиши в Figma помогают автоматизировать рутинные действия и значительно ускорить работу с интерфейсом. Вместо того чтобы каждый раз искать нужную функцию в меню, вы можете выполнять задачи одним нажатием. Например, использовать комбинацию Ctrl + Z или Cmd + Z, чтобы отменить последнее действие, или удалить любой объект одной кнопкой — Delete.
С помощью горячих клавиш вы будете меньше отвлекаться на технические детали и уделять больше времени творчеству.
Если вы хотите освоить Figma и начать свой путь в дизайне, приходите на мини-курс ProductStar. За 2 месяца вы на практике изучите все инструменты графического редактора, соберете портфолио и защитите дипломный проект. Этого будет достаточно, чтобы сделать первые шаги в карьере и начать зарабатывать.
Комментарии
Нажимая кнопку «Получить консультацию», вы подтверждаете согласие на обработку персональных данных в соответствии с условиями Политики конфиденциальности
Проконсультируйтесь с карьерным специалистом
Проанализируем ваши навыки, сферу интересов и дадим рекомендации по дальнейшему профессиональному развитию
Нажимая кнопку «Отправить», вы подтверждаете согласие на обработку персональных данных в соответствии с условиями Политики конфиденциальности
Как найти список горячих клавиш в 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 месяца вы на практике изучите все инструменты графического редактора, соберете портфолио и защитите дипломный проект. Этого будет достаточно, чтобы сделать первые шаги в карьере и начать зарабатывать.