Горячие клавиши в Figma — самый подробный гайд

Горячие клавиши — сочетания клавиш, которые способны заметно ускорить всю работу в Фигме. Вот только их расшифровка далеко не всем понятна. Мы собрали все в одном месте, чтобы тебе было проще разобраться 🙂

Пользуйся!

Где найти весь список горячих клавиш? 

Найти хоткейс можно так: через пункт меню «Keyboard Shortcuts» в подменю «Help and account» или нажав «CTRL + SHIFT + ?».

Дальше появляется панель управления с несколькими вкладками.

Первая вкладка — Essential (основные параметры)

1. Показать/скрыть интерфейс (Show/Hide UI) — «Ctrl + /»
2. Пипетка (Pick color) — «I»
3. Поиск команд в меню (Quick actions…) — «Ctrl + /»

Вторая вкладка — Tools (инструменты)

Первый столбец

1. Выделить (Move tool) — «V»
2. Создать фрейм (Frame tool) — «F»
3. Перо (Pen tool) — «P»
4. Карандаш (Pencil tool) — «Shift + P»

Второй столбец

1. Текст (Text tool) — «T»
2. Прямоугольник (Rectangle tool) — «R»
3. Эллипс (Ellipse tool) — «O»
4. Линия (Line tool) — «L»
5. Стрелка (Arrow tool) — «Shift + L»

Третий столбец

1. Добавить/показать комментарии к выбранному макету (Add comment) — «C»
2. Пипетка (Pick color) — «I»
3. Нож (Slice tool) — «S»

Далее вкладка View (Горячие клавиши параметров просмотра)

Первый столбец

1. Показать/скрыть интерфейс (Show/Hide UI) — «Ctrl + \»
2. Чужие курсоры (Multiplayer cursor) — «Ctrl + Alt + \»

Второй столбец

1. Линейки (Rulers) — «Shift + R»
2. Показать контуры всех элементов (Outlines) — «Ctrl + Shift + 3»
3. Пиксельный режим просмотра (Pixel preview) — «Ctrl + Alt + Y»
4. Показать/скрыть сетку (Layout grids) — «Ctrl + Shift + 4»
5. Пиксельная сетка (Pixel grid) — «Ctrl + ‘»

Третий столбец

1. Показать/скрыть панель слоев (Open layers panel) — «Alt + 1»
2. Показать/скрыть панель компонентов (Open assets panel) — «Alt + 2»
3. Показать/скрыть панель дизайна (Open design panel) — «Alt + 8»
4. Показать/скрыть панель фототипов (Open phototype panel) — «Alt + 9»
5. Показать/скрыть панель проверки (Open inspect panel) — «Alt + 0»

Вкладка Zoom (масштабирование)

Первый столбец

1. Перемещение по рабочему пространству (Pan) — «Space + drag»
2. Увеличить масштаб (приблизить) (Zoom in) — «+»
3. Уменьшить масштаб (отдалить) (Zoom out) — «-»
4. Масштаб 1:1 (Zoom to 100%) — «Shift + 0»

Второй столбец

1. Показать/скрыть интерфейс (Zoom to fit) — «Shift + 1»
2. Масштабировать выделенное (Zoom to selection) — «Shift + 2»
3. Масштабировать предыдущий фрейм (Zoom to previous frame) — «Shift + N»
4. Масштабировать следующий фрейм (Zoom to next frame) — «N»

Третий столбец

1. Предыдущая страница (Previous page) — «Page Up»
2. Следующая страница (Next page) — «Page Down»
3. Найти предыдущий фрейм (Find previous frame) — «Home»
4. Найти предыдущий фрейм (Find next frame) — «End»

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

Первый столбец

1. Сделать текст жирным/наклонить (Bold/italic) — «Ctrl + B and I»
2. Подчеркнуть текст (Underline) — «Ctrl + U»
3. Создать ссылку (Create link) — «Ctrl + K»
4. Зачеркнуть текст (Strikethrough) — «Ctrl + Shift + X»
5. Преобразовать в список (Turn into a list) — «Shift + Ctrl + 7 and 8»

Второй столбец

1. Выровнять текст по левому краю (Text align left) — «Ctrl + Alt + L»
2. Выровнять текст по центру (Text align center) — «Ctrl + Alt + T»
3. Выровнять текст по правому краю (Text align right) — «Ctrl + Alt + R»
4. Выровнять текст по ширине (Text align justified) — «Ctrl + Alt + J»

Третий столбец

1. Изменить размер текста (Adjust font size) — «Ctrl + Shift + < and >»
2. Изменить начертание шрифта (Adjust font weight) — «Ctrl + Alt + < and >»
3. Изменить расстояние между символами (Adjust letter spacing) — «Alt + < and >»
4. Изменить межстрочное расстояние (Adjust line height) — «Shift + Alt + < and >»

Вкладка Shape (Горячие клавиши для векторной графики)

Первый столбец

1. Перо (Pen) — «P»
2. Карандаш (Pencil) — «Shift + P»
3. Заливка (Paint bucket) — «B»

Второй столбец

1. Удалить заливку (Remove fill) — «Alt + /»
2. Удалить обводку (Remove stroke) — «/»
3. Поменять местами обводку и заливку (Swap fill and stroke) — «Shift + X»
4. Преобразовать обводку в кривые (Outline stroke) — «Ctrl + Shift + O»
5. Слить выделенное (Flatten selection) — «Ctrl + E»

Третий столбец

1. Соединить точки (Join selection) — «Ctrl + J»
2. Удалить и восстановить выделенное (Delete and heal selection) — «Shift + Backspace»

Вкладка Selection (Горячие клавиши выделения)

Первый столбец             

1. Выбрать все (Select all) — «Ctrl + A»
2. Выбрать все, кроме выделенного (Select inverse) — «Ctrl + Shift + A»
3. Снять выделение (Select none) — «Esc»
4. Выделить слои, которые находятся под другими слоями (Deep select) — «Ctrl + click»
5. Выделить предыдущий по порядку слой (Select layer menu) — «Ctrl + right-click»

Второй столбец

1. Выделить дочерний элемент (Select children) — «Enter»
2. Выделить родительский элемент (Select parent) — «Shift + Enter»
3. Выделить следующий по порядку (Select next sibling) — «Tab»
4. Выделить предыдущий по порядку (Select previous sibling) — «Shift + Tab»

Третий столбец

1. Сгруппировать элементы (Group selection) — «Ctrl + G»
2. Отменить группировку элементов (Ungroup selection) — «Ctrl + Shift + G»
3. Преобразовать в фрейм (Frame selection) — «Ctrl + Alt + G»
4. Показать/Скрыть элемент (Show/hide selection) — «Ctrl + Shift + H»
5. Заблокировать/Разблокировать элемент (Lock/unlock selection) — «Ctrl + Shift + L»

Вкладка Cursor (курсор)

Первый столбец

1. Показать расстояние до элемента (Measure to selection) — «Alt»
2. Сделать копию элемента (Dublicate selection) — «Alt»

Второй столбец

1. Выделение слоев, которые находятся под другими слоями (Deep select) — «Ctrl + click»
2. Посмотреть структуру слоев (Select layer menu) — «Ctrl + right-click»
3. Выбрать слои сквозь группы (Deep select within rectangle) — «Ctrl + drag»

Третий столбец

1. Изменение размера относительно центра элемента (Resize from center) — «Alt»
2. Изменение размер пропорционально (Resize proportionally) — «Shift»
3. Перемещение во время изменения размеров элемента (Move while resizing) — «Space»
4. Изменение размера кроме вложенных фреймов (Ignore constraints (frames only)) — «Ctrl»

Вкладка Edit (редактирование)

Первый столбец

1. Копировать (Copy) — «Ctrl + C»
2. Вырезать (Cut) — «Ctrl + X»
3. Вставить (Paste) — «Ctrl + V»
4. Вставить поверх выделенного элемента (Paste over selection) — «Ctrl + Shift + V»

Второй столбец

1. Создание копии (Dublicate) — «Ctrl + D»
2. Переименование (Rename selection) — «Ctrl + R»
3. Экспорт элемента (Export) — «Ctrl + Shift + E»

Третий столбец

1. Копировать свойства элемента (Copy properties) — «Ctrl + Alt + C»
2. Вставить скопированные свойства (Paste properties) — «Ctrl + Alt + V»
3. Копировать в формате png (Copy as PNG) — «Ctrl + Shift + C»

Вкладка Transform (Горячие клавиши для трансформирования)

Первый столбец

1. Отразить по горизонтали (Flip horizontal) — «Shift + H»
2. Отразить по вертикали (Flip vertical) — «Shift + V»
3. Создать маску (Use as mask) — «Ctrl + Alt + M»

Второй столбец

1. Включить редактирование векторных объектов или изображений (Edit shape or image) — «Enter»
2. Вставить изображение (Place image) — «Ctrl + Shift + K»
3. Обрезать изображение (Crop image) — «Alt + dbl-click»

Третий столбец

1. Задать непрозрачность элементу — 10%) (Set opacity to 10% — «1»
2. Непрозрачность 50% (Set opacity to 50%) — «5»
3. Непрозрачность 100% (Set opacity to 100%) — «0»

Вкладка Arrange (выравнивание)

Первый столбец

1. Переместить на 1 уровень ближе к переднему плану (Bring forward) — «Ctrl + ]»
2. Переместить на 1 уровень дальше от переднего плана (Send backward) — «Ctrl + [»
3. Переместить на передний план (Bring to front) — «Ctrl + Shift + ]»
4. Переместить на задний план (Send to back) — «Ctrl + Shift + [»

Второй столбец

1. Выровнять по левой/правой стороне (Align left/right) — «Alt + A and D»
2. Выровнять по верхней/нижней стороне (Align top/bottom) — «Alt + W and S»
3. Выровнять по центру (Align center)  — «Alt + H and V»
4. Выровнять расстояние (Distribute spacing) — «Ctrl + Shift + Alt + H and V»
5. Упаковать (Tidy up) — «Ctrl + Alt + Shift + T»

Третий столбец

1. Добавить автоматический макет (Add auto layout) — «Shift + A»
2. Удалить автоматический макет (Remove auto layout) — «Alt + Shift + A»

Вкладка Components (компоненты)

Первый столбец

1. Показать все компоненты (Show assets) — «Alt + 2»
2. Библиотека команды (Team library)— «Ctrl + Alt + O»
3. Создать компонент (Create component) — «Ctrl + Alt + K»
4. Разломать компонент (Detach instance) — «Ctrl + Alt + B»

Второй столбец

1. Поменять компоненты местами (Swap component instance) — «Alt»