40 горячих клавиш Figma: полный список для быстрой и удобной работы

Как управлять Figma: горячие клавиши на каждый день

05 августа 2025

Как управлять Figma: горячие клавиши на каждый день

Что такое горячие клавиши в Figma

Горячие клавиши в Figma (или figma hotkeys) — это комбинации клавиш, которые позволяют быстро выполнять различные действия в редакторе, не отвлекаясь на поиск нужных команд в меню. Использование горячих клавиш значительно ускоряет работу, позволяя быстро отменить действие, сгруппировать или разгруппировать объекты, копировать элементы и выполнять множество других операций.

Для новичков особенно важно освоить базовые сочетания клавиш, такие как Ctrl+Z для отмены действия и Ctrl+C для копирования. В Figma предусмотрены горячие клавиши как для базовых действий, так и для более сложных операций, например, включение слоев или измерение расстояний между элементами.

Зачем их использовать

Скорость работы. Горячие клавиши позволяют выполнять часто используемые команды, такие как отмена действия или копирование, в несколько раз быстрее, чем если бы вы делали это через меню. Например, чтобы свернуть все слои, достаточно нажать одну комбинацию, а не искать эту опцию вручную.
Сосредоточенность. Используя горячие клавиши, вы меньше отвлекаетесь на интерфейс программы и можете сосредоточиться на дизайне. Например, быстро включив разметку или посмотрев отступы между элементами, вы сможете лучше контролировать процесс создания макета.
Универсальность. Горячие клавиши одинаково хорошо работают как на Windows, так и на macOS, что делает их удобным инструментом для работы в разных системах. Например, чтобы приближать с помощью мыши или поставить на передний план объект, не нужно искать разные команды для разных платформ — достаточно запомнить сочетание клавиш.
Эффективность. С помощью горячих клавиш можно быстро выполнять сложные операции, такие как объединение элементов или сгруппирование нескольких объектов. Это позволяет тратить меньше времени на рутинные действия и больше — на креативные задачи.

Как их активировать

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

Чтобы воспользоваться горячими клавишами, достаточно нажать соответствующую комбинацию на клавиатуре. Например, чтобы отменить действие, можно нажать Ctrl+Z (на Windows) или Cmd+Z (на macOS). Если нужно вернуть отмененное действие, используйте Ctrl+Shift+Z. Для группировки объектов, выделите нужные элементы и нажмите Ctrl+G.

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

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

Какие горячие клавиши использовать для интерфейса

Tab - переключаться между слоями в фрейме
Ctrl + Shift + 3 (Windows) - показать контуры объектов. Это помогает быстрее измерить расстояние и выровнять объекты.
Cmd + Shift + 3 (MacOS)
Ctrl + ‘ (Windows) - позволяет скрыть или показать пиксельную сетку в layout grid.
Cmd + ‘ (MacOS)
Ctrl + колесо мыши наверх (Windows) - приближает изображение. При вращении колёсика мыши вниз изображение отдаляется.
Cmd + колесо мыши (MacOS)
Shift + колесо мыши - изображение двигается по горизонтали, что позволяет быстро перемещаться по фрейму.
Зажатое колесо мыши - свободное перемещение по фрейму по оси X Y.

Как с их помощью работать с инструментами Figma

Выделение объектов:

V
Этот инструмент активируется для выделения и перемещения объектов на холсте. Чтобы выбрать несколько объектов, удерживайте Shift и кликайте по ним.

Рамка (Frame):

F
Быстрый доступ к созданию рамок. Это основа любого макета в Figma, с помощью этого инструмента можно сделать фрейм для элементов.

Фигуры:

R для прямоугольника
O для овала
Эти клавиши позволяют быстро создавать основные фигуры на холсте. Например, нажмите R, чтобы нарисовать прямоугольник, или O для создания круга.

Пипетка:

I
Используется для выбора цвета с любого объекта на холсте. Пипетка помогает быстро применить нужный цвет к другим элементам, сохраняя согласованность дизайна.

Текст:

T
Этот инструмент активирует режим ввода текста. Просто нажмите T, кликните на холсте и начинайте вводить текст.

Ручка (Pen Tool):

P
Для создания и редактирования векторных линий и кривых. Полезно, когда нужно нарисовать сложные формы или пути.

Режим Контуров:

Ctrl+Shift+3 (Windows)
Cmd+Shift+3 (macOS)
Помогает смотреть отступы и выравнивать объекты, показывая только контуры всех элементов на холсте.

Группировка объектов:

Ctrl+G (Windows)
Cmd+G (macOS)
Чтобы сгруппировать выделенные элементы, используйте эту комбинацию. Если нужно разгруппировать, нажмите Ctrl+Shift+G.

Копирование и вставка:

Ctrl+C и Ctrl+V (Windows)
Cmd+C и Cmd+V (macOS)
Для быстрого копирования и вставки объектов. Если нужно скопировать и вставить объект на место, используйте Ctrl+D.

Как работать с текстом при помощи горячих клавиш

Создание и редактирование текста:

T
Нажмите эту клавишу, чтобы активировать инструмент Текст. Кликните на холсте и начните вводить текст. Если хотите изменить текст, просто выделите его и начните вводить новый.

Выделение текста:

Shift + Стрелки
Удерживайте Shift и используйте стрелки для точного выделения отдельных символов или целых слов. Это полезно при необходимости быстро редактировать конкретные участки текста.

Изменение размера шрифта:

Ctrl+Shift+> или Ctrl+Shift+< (Windows)
Cmd+Shift+> или Cmd+Shift+< (macOS)
Эти сочетания позволяют быстро увеличивать или уменьшать размер шрифта.

Полужирный и курсив:

Ctrl+B (Windows) или Cmd+B (macOS) — для полужирного текста.
Ctrl+I (Windows) или Cmd+I (macOS) — для применения курсива.
Эти клавиши помогают быстро менять стиль текста, выделяя важные слова или фразы.

Дублировать текстовый блок:

Alt+Перетаскивание (Windows)
Option+Перетаскивание (macOS)
Чтобы быстро создать копию текстового блока, удерживайте Alt (или Option) и перетащите текст на новое место.

Какие нужны для работы со слоями

Включить или отключить видимость слоя:

Ctrl+Shift+H (Windows)
Cmd+Shift+H (macOS)
Используется для быстрого переключения видимости выделенного слоя или группы слоев.

Заблокировать или разблокировать слой:

Ctrl+Shift+L (Windows)
Cmd+Shift+L (macOS)
Эта команда блокирует или разблокирует выделенный слой, чтобы предотвратить случайное перемещение или редактирование.

Группировать слои:

Ctrl+G (Windows)
Cmd+G (macOS)
Сгруппировать выделенные слои в одну группу для удобства управления и перемещения.

Разгруппировать слои:

Ctrl+Shift+G (Windows)
Cmd+Shift+G (macOS)
Если нужно разгруппировать ранее созданную группу слоев, используйте эту комбинацию.

Дублировать слой:

Ctrl+D (Windows)
Cmd+D (macOS)
Быстрое создание дубликата выделенного слоя или группы.

Перемещение слоя вперед или назад:

Ctrl+] или Ctrl+[ (Windows)
Cmd+] или Cmd+[ (macOS)
Эти клавиши позволяют перемещать слой на один уровень вперед или назад по иерархии слоев.

Удалить слой:

Delete или Backspace (Windows и macOS)
Удаление выбранного слоя или группы слоев.

Как их использовать для работы с компонентами

Создание компонента:

Ctrl+Alt+K (Windows)
Cmd+Option+K (macOS)
Чтобы превратить выделенный объект или группу объектов в компонент, используйте эту комбинацию. Компоненты позволяют многократно использовать один и тот же элемент, сохраняя его единообразие во всех макетах.

Развернуть компонент (Detach Instance):

Ctrl+Alt+B (Windows)
Cmd+Option+B (macOS)
Эта команда разрывает связь между экземпляром и исходным компонентом, позволяя редактировать экземпляр как обычный объект.

Дублировать компонент:

Ctrl+D (Windows)
Cmd+D (macOS)
Позволяет быстро создать копию компонента. Если нужно создать аналогичный компонент с небольшими изменениями, это будет полезным.

Вставка компонента из библиотеки:

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

Какие нужно запомнить в первую очередь

Отмена действия:

Ctrl+Z (Windows)
Cmd+Z (macOS)
Возвращает предыдущие изменения. Очень полезно, когда нужно отменить действие или ошибку.

Повтор действия:

Ctrl+Shift+Z (Windows)
Cmd+Shift+Z (macOS)
Повторяет последнее действие, если вы случайно отменили его.

Копировать и вставить:

Ctrl+C и Ctrl+V (Windows)
Cmd+C и Cmd+V (macOS)
Для копирования и вставки объектов. Можно использовать для создания дубликатов.

Группировать объекты:

Ctrl+G (Windows)
Cmd+G (macOS)
Сгруппирует выделенные объекты для удобства управления.

Разгруппировать объекты:

Ctrl+Shift+G (Windows)
Cmd+Shift+G (macOS)
Разгруппирует ранее сгруппированные элементы.

Создать компонент:

Ctrl+Alt+K (Windows)
Cmd+Option+K (macOS)
Превращает выделенные объекты в компонент для повторного использования.

Перемещение объектов на передний или задний план:

Ctrl+] или Ctrl+[ (Windows)
Cmd+] или Cmd+[ (macOS)
Перемещает объекты по слоям вперед или назад.

Дублировать объект:

Ctrl+D (Windows)
Cmd+D (macOS)
Быстрое создание дубликата выделенного объекта.

Выделить все:

Ctrl+A (Windows)
Cmd+A (macOS)
Выделяет все объекты на холсте или в выбранной группе/фрейме.

Показать/скрыть боковые панели:

Ctrl+\ (Windows)
Cmd+\ (macOS)
Позволяет убрать боковые панели для большего пространства на экране.

Как быстро освоить горячие клавиши в Figma

Начните с основных горячих клавиш: Выучите базовые комбинации, такие как копировать (Ctrl+C), вставить (Ctrl+V), отменить действие (Ctrl+Z) и группировать (Ctrl+G). Эти сочетания используются чаще всего, и знание их наизусть позволит вам быстрее привыкнуть к использованию горячих клавиш.

Используйте подсказки Figma: Когда вы наводите курсор на инструмент или выполняете действие через меню, Figma часто отображает соответствующую горячую клавишу рядом с названием команды. Постарайтесь использовать эти клавиши вместо мыши.

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

Распечатайте список горячих клавиш: Распечатайте или сохраните рядом список основных комбинаций. Держите его под рукой и регулярно сверяйтесь с ним, пока выполняете работу. Это ускорит процесс запоминания.

Используйте тренажеры горячих клавиш: Существуют специальные онлайн-тренажеры и плагины для Figma, которые помогают запомнить горячие клавиши. Например, плагин Figma Shortcuts предлагает интерактивные упражнения для тренировки.

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

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

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

Типичные ошибки и как их исправить

Неправильное использование горячих клавиш

Ошибка: Начинающие пользователи могут случайно активировать неправильную команду из-за неправильного нажатия комбинации клавиш, например, вместо группировки слоев (Ctrl+G) случайно нажать другую комбинацию.
Как исправить: Используйте отмену действия (Ctrl+Z) для возврата на шаг назад. Для улучшения навыков, чаще практикуйте и медленно вводите сочетания, чтобы привыкнуть к правильным комбинациям.

Непреднамеренное создание компонента вместо группы

Ошибка: Пользователь создает компонент (Ctrl+Alt+K) вместо обычной группы (Ctrl+G).
Как исправить: Если вы случайно создали компонент, можно легко отсоединить его экземпляр (Ctrl+Shift+B) или просто удалить компонент и заново сгруппировать объекты.

Удаление объекта без возможности восстановления

Ошибка: Пользователь случайно удаляет объект (Delete) и не может его вернуть, если слишком много других действий выполнено после удаления.
Как исправить: Сразу после удаления используйте отмену действия (Ctrl+Z). Также, перед удалением важных объектов лучше создать дубликат (Ctrl+D), чтобы сохранить резервную копию.

Проблемы с копированием и вставкой объектов

Ошибка: После копирования и вставки (Ctrl+C и Ctrl+V) объект вставляется не в том месте или теряется на холсте.
Как исправить: После вставки сразу используйте клавиши стрелок для перемещения объекта на видимое место. Также можно использовать Ctrl+V непосредственно в панели слоев, чтобы вставить объект в нужную иерархию.

Неправильное перемещение объектов на передний или задний план

Ошибка: Пользователь пытается переместить объект на передний или задний план, но вместо этого изменяет порядок слоев неправильно.
Как исправить: Убедитесь, что используете правильные сочетания: Ctrl+Shift+] (Windows) или Cmd+Shift+] (macOS) для перемещения на передний план и Ctrl+Shift+[ для заднего плана. Если ошиблись, можно использовать отмену действия (Ctrl+Z).

Главное, что нужно знать

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

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