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

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

article

Рекомендуемые программы обучения

banner

Горячие клавиши в Figma — это быстрый путь к эффективному дизайну. Они помогают экономить время, упрощают работу с элементами и слоями, а также позволяют быстро перемещаться по интерфейсу. В этой статье мы расскажем о наиболее полезных сочетаниях клавиш, которые сделают вашу работу в 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 показывает соответствующие горячие клавиши — используйте их, чтобы ускорить выполнение действий.

Рекомендованные программы обучения

Графический дизайн и виртуальная дополненная реальностьimageАрхитектурный дизайнimageЦифровой дизайнimageГеймдизайн и разработка игрimageДизайн среды и интерьераimageГрафический дизайнерimageДизайн и продвижение цифрового продуктаimageГрафический дизайн с нуля до PROimageUX/UI-дизайнimageДизайн упаковки и визуальная коммуникацияimage

Адреса поступления

ЦФО
Москва, Ленинградский пр., д. 80Г
Сокол
+7 495 800–10–01 8 800 100–00–11
banner
Подберите программу обучения, узнайте проходной балл и начните учиться бесплатно
download
Всё самое важное — в личном кабинете абитуриента
Войти
школаколледжуниверситетбизнес-образованиекурсы
image
1000+программ
Образованиеhatдляhatкарьеры

В «Синергии» 1000+ образовательных программ

У нас есть решения для любого уровня, профессии и цели:
01Сформировать прочный фундамент знаний в&nbsp;школе
Сформировать прочный фундамент знаний в школе
02Получить качест&shy;венное среднее профессио&shy;нальное или&nbsp;высшее образование
Получить качест­венное среднее профессио­нальное или высшее образование
03Освоить новую специальность на&nbsp;<span style="white-space:nowrap;">онлайн-курсах</span>
Освоить новую специальность на онлайн-курсах
04Пройти результативную переподготовку или&nbsp;повысить квалификацию
Пройти результативную переподготовку или повысить квалификацию
05Достичь экспертного управленческого уровня с&nbsp;<span style="white-space:nowrap;">программой</span> MBA
Достичь экспертного управленческого уровня с программой MBA
Качество образования подтвержденомеждународными стандартами:
мы состоим в Европейском фонде гарантии качества электронного обучения и Великой хартии европейских университетов, участвуем в Международной ассоциации университетов при ЮНЕСКО
Подобрать программу обучения