Всегда под рукой. Горячие клавиши в Figma и FigJam
Дизайн
Лена Шумная
Hotkeys, они же горячие клавиши, позволяют нам выполнять действия в программе без лишних кликов. Это упрощает и ускоряет работу. Рассказываем, какие клавиши вам нужно нажимать, чтобы использовать Figma и FigJam было ещё проще.
В Figma есть целый список горячих клавиш — он называется Keyboard Shortcuts. Чтобы открыть его быстро, нажмите на знак вопроса в правом нижнем углу.
Через меню тоже можно.
А чтобы совсем оперативно — используйте сочетание горячих клавиш Ctrl + Shift + ?. Ага, горячие клавиши помогают даже с горячими клавишами.
Вот группы, на которые Figma делит весь список своих hotkeys. С их помощью вам будет легче найти нужное сочетание.
Essential keyboard shortcuts,
они же Основные клавиатурные сокращения
они же Основные клавиатурные сокращения
Показать или скрыть Боковые панели — Ctrl + \ на Windows и ⌘ + \ на Mac.
Открыть Меню — Ctrl + / на Windows и ⌘ + / на Mac.
Tools (инструменты)
Выбрать стандартный инструмент выделения — V.
Выбрать инструмент для создания фреймов — F.
Выбрать Перо — P.
Выбрать Карандаш — Shift + P.
Выбрать Текст — T.
Выбрать Прямоугольник — R.
Выбрать Эллипс — O.
Выбрать Линию — L.
Выбрать Стрелку — Shift + L.
Выбрать Пипетку — i на Windows и Ctrl + С на Mac.
Выбрать Нож — S.
View (вид)
Показать или скрыть Линейки — Shift + R.
Показать или скрыть Обводку всех элементов — Ctrl + Shift + 3 на Windows и ⌘ + Y на Mac.
Показать или скрыть Пиксельный просмотр — Ctrl + Alt + Y на Windows и Ctrl + P на Mac.
Показать или скрыть Сетку — Ctrl + Shift + 4 на Windows и Ctrl + G на Mac.
Показать или скрыть Пиксельную сетку — Ctrl + ‘ на Windows и ⌘ + ‘ на Mac.
Показать или скрыть Боковые панели — Ctrl + \ на Windows и ⌘ + \ на Mac.
Показать или скрыть Курсоры других пользователей — Ctrl + Alt + \ на Windows и Alt + ⌘ + \ на Mac.
Показать или скрыть Только слои — Alt + 1.
Показать или скрыть Только компоненты — Alt + 2.
Показать или скрыть Панель дизайна — Alt + 8.
Показать или скрыть Панель прототипа — Alt + 9.
Zoom (масштабирование)
Найти предыдущую страницу — Page Up.
Найти предыдущий фрейм — Home.
Найти следующую страницу — Page Down.
Найти следующий фрейм — End.
Масштабировать следующий фрейм — N.
Масштабировать выделенный элемент — Shift + 2.
Масштабировать всё рабочее пространство — Shift + 1.
Включить отображение 1:1 к экрану — Shift + 0.
Уменьшить масштаб — -.
Увеличить масштаб — +.
Масштабировать предыдущий фрейм — Shift + N.
Переместить Zoom по рабочему пространству — Space + drag.
Text (текст)
Выделить текст жирным — Ctrl + B на Windows и ⌘ + B на Mac.
Выделить текст курсивом — Ctrl + i и ⌘ + i на Mac.
Подчеркнуть текст — Ctrl + U и ⌘ + U на Mac.
Вставить и сопоставить элемент — Ctrl + Shift + V.
Выровнять текст по левому краю — Ctrl + Alt + L на Windows и ⌘ + Alt + L на Mac.
Выровнять текст по центру — Ctrl + Alt + T на Windows и ⌘ + Alt + T на Mac.
Выровнять текст по правому краю — Ctrl + Alt + R на Windows и ⌘ + Alt + R на Mac.
Выровнять текст по ширине — Ctrl + Alt + J на Windows и ⌘ + Alt + J на Mac.
Изменить размера текста — Ctrl + Shift + < и > на Windows и ⌘ + Shift + < и > на Mac.
Изменить расстояние между символами — Alt + < и >.
Изменить расстояние между строками — Alt + Shift + < и >.
Shape (векторные изображения)
Работать с точками векторных изображений — Ctrl + E на Windows и ⌘ + E на Mac.
Поменять местами обводку и заливку — Shift + X.
Удалить обводку — /.
Удалить заливку — Alt + /.
Выбрать Заливку — B.
Выбрать Карандаш — Shift + P.
Преобразовать в кривые — Ctrl + Shift + O на Windows и ⌘ + Shift + O на Mac.
Выбрать Перо — P.
Selection (выделение)
Выделить следующий по порядку элемент — Tab.
Выделить дочерний элемент — Enter.
Выделить слой на боковой панели — Ctrl + right click Windows и ⌘ + right click на Mac.
Выделить слои, которые находятся под другими слоями — Ctrl + click Windows и ⌘ + click на Mac.
Отменить выделение — Esc.
Выделить всё, кроме чего-либо — Ctrl + Shift + A на Windows и ⌘ + Shift + A на Mac.
Выделить родительский элемент — Shift + Enter.
Выделить всё — Ctrl + A на Windows и ⌘ + A на Mac.
Выделить предыдущий по порядку элемент — Shift + Tab.
Сгруппировать элементы — Ctrl + G на Windows и ⌘ + G на Mac.
Разгруппировать элементы — Ctrl + Shift + G на Windows и ⌘ + Shift + G на Mac.
Преобразовать в фрейм — Ctrl + Alt + G на Windows и ⌘ + Alt + G на Mac.
Показать или скрыть элемент — Ctrl + Shift + H на Windows и ⌘ + Shift + H на Mac.
Заблокировать или разблокировать элемент — Ctrl + Shift + L на Windows и ⌘ + Shift + L на Mac.
Cursor (курсор)
Изменить размер пропорционально — Shift.
Изменить размер относительно центра элемента — Alt.
Показать иерархию выделенного элемента — Ctrl + right click на Windows и ⌘ + right click на Mac.
Выделить слои, которые находятся под другими слоями — Ctrl + click на Windows и ⌘ + click на Mac.
Копировать элемент при движении — Alt.
Переместить элемент во время изменения его размеров — Ctrl на Windows и ⌘ на Mac.
Выделить элемент при клике — Alt.
Edit (редактирование)
Копировать свойства элемента — Ctrl + Alt + C на Windows и ⌘ + Alt + C на Mac.
Переименовать — Ctrl + R на Windows и ⌘ + R на Mac.
Создать копию — Ctrl + D на Windows и ⌘ + D на Mac.
Вставить поверх выделенного элемента — Ctrl + Shift + V на Windows и ⌘ + Shift + V на Mac.
Вставить — Ctrl + V на Windows и ⌘ + V на Mac.
Вырезать — Ctrl + X на Windows и ⌘ + X на Mac.
Экспортировать элемент — Ctrl + Shift + E на Windows и ⌘ + Shift + E на Mac.
Копировать — Ctrl + C на Windows и ⌘ + C на Mac.
Вставить скопированные свойства — Ctrl + Alt + V на Windows и ⌘ + Alt + V на Mac.
Transform (трансформирование)
Задать прозрачность элементу 50% — 5.
Обрезать изображение — Alt + dbl-click.
Вставить изображение — Ctrl + Shift + K на Windows и ⌘ + Shift + K на Mac.
Включить редактирование векторных объектов или изображений — Enter.
Создать маску — Ctrl + Alt + M на Windows и ⌘ + Alt + M на Mac.
Отразить по вертикали — Shift + V.
Задать прозрачность элементу 10% — 1.
Отразить по горизонтали — Shift + H.
Задать прозрачность элементу 100% — 0.
Arrange (выравнивание)
Выровнять элемент по нижней стороне — Alt + S.
Выровнять элемент по правой стороне — Alt + D.
Выровнять элемент по левой стороне — Alt + A.
Переместить элемент на задний план — Ctrl + Shift + [ на Windows и ⌘ + Shift + [ на Mac.
Переместить элемент на передний план — Ctrl + Shift + ] на Windows и ⌘ + Shift + ] на Mac.
Переместить элемент на уровень дальше от переднего плана — Ctrl + [ на Windows и ⌘ + [ на Mac.
Выровнять элемент по верхней стороне — Alt + W.
Переместить элемент на уровень ближе к переднему плану — Ctrl + ] на Windows и ⌘ + ] на Mac.
Выровнять элемент согласно горизонтальной линии элементов — Alt + H.
Выровнять элемент согласно вертикальной линии элементов — Alt + V.
Выровнять элемент с распределением горизонтального пространства — Ctrl + Shift + Alt + H на Windows и ⌘ + Shift + Alt + H на Mac.
Выровнять элемент с распределением вертикального пространства — Ctrl + Shift + Alt + V на Windows и ⌘ + Shift + Alt + V на Mac.
Components (компоненты)
Открыть многопользовательскую библиотеку — Ctrl + Alt + O на Windows и ⌘+ Alt + O на Mac.
Преобразовать компонент во фрейм — Ctrl + Alt + B на Windows и ⌘ + Alt + B на Mac.
Создать компонент — Ctrl + Alt + K на Windows и ⌘ + Alt + K на Mac.
Показать все компоненты — Alt + 2.
Бонус: горячие клавиши в FigJam
FigJam — аналог Miro, доска для совместной дизайнерской работы. Мы любим его за возможность добавлять стикеры и реагировать с помощью эмодзи. А ещё за то, что это сервис от Figma — и все её горячие клавиши работают и здесь. Но есть и несколько своих сочетаний.
Создать новое изображение или стикер, пока вы работаете с другим — Ctrl + Enter на Windows или ⌘ + Enter на Mac.
Редактировать текст выбранного элемента — Enter.
Выбрать прямой соединитель — Shift и перемещение с помощью мыши.
Чтобы заметно сократить своё время работы в Figma, все горячие клавиши нужно запомнить. Если сделать это быстро не получается — добавьте статью в Закладки и перечитывайте её в свободное от дизайна время. У вас же оно бывает? :) Если нет, то с горячими клавишами точно появится!
Сделано в Mates
Заказ проекта
Нажимая на кнопку, вы соглашаетесь с нашими правилами обработки данных
Нажимая на кнопку, вы соглашаетесь с нашими правилами обработки данных
Хочу в команду
Нажимая на кнопку, вы соглашаетесь с нашими правилами обработки данных
Нажимая на кнопку, вы соглашаетесь с нашими правилами обработки данных
