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

FigmaUX/UIВеб-дизайнПолезности 17.09.2021

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

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

Пользуйся!

 

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

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

меню в фигма в разделе file

 

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

 

Первая вкладка — 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»

 

Хотите быть в курсе событий?

Подпишись на e-mail рассылку! Там всё только по делу-)

    Email