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

Соберу сюда горячие клавиши в фигме (Figma). Горячих клавиш (hotkeys) в фигме много, но мы же привыкаем лишь к некоторым, правило Порето во плоти, мать его :). Поэтому, чтобы после долгого перерыва снова не искать их на просторах интернета, сделаю свою статейку для горячих клавиш в фигме.

Вообще, их можно найти в меню:

Горячие клавиши в Фигме
Выпадающее меню и раздел с горячими клавишами

Или нажать на знак вопроса справа снизу:

Горячие клавиши в хелпе Фигмы
Горячие клавиши в хелпе Фигмы

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

Панель с горячими клавишами фигмы
Панель с горячими клавишами фигмы

Основной список горячих клавиш я честно скоммуниздил с этого сайта — https://d-e-n.info, немного добавив оформление.

Мной часто используемые

  • Показать/Скрыть «Боковые панели» Ctrl + \
  • Показать/Скрыть «Левую боковую панель» Ctrl + Shift + \
  • Показать/Скрыть «Сетку Бутстрап» Shift + G
  • Зум Ctrl + скролл мыши
  • Объединение элементов в группу Ctrl + G
  • Автолейаут Shift + A

Все

Основные

  • Показать/Скрыть «Боковые панели» Ctrl + \
  • Инструмент «Пипетка» i
  • Быстрый поиск команд Ctrl + /

Инструменты

  • Стандартный инструмент выделения V
  • Инструмент создания фреймов F
  • Инструмент «Перо» P
  • Инструмент «Карандаш» («Гибкое Перо») P
  • Инструмент «Текст» T
  • Инструмент «Прямоугольник» R
  • Инструмент «Эллипс» O
  • Инструмент «Линия» L
  • Инструмент «Стрелка» Shift + L
  • Добавить или показать комментарии к текущему макету C
  • Инструмент «Пипетка» I
  • Инструмент «Нож» (Вырезает область в виде картинки) S

Просмотр

  • Показать/Скрыть «Боковые панели» Ctrl + \
  • Показать/Скрыть «Курсоры других людей» Ctrl + Alt + \
  • Показать/Скрыть «Линейки» Shift + R
  • Показать/Скрыть «Обводки всех элементов» Shift + O
  • Показать/Скрыть «Пиксельный просмотр» Ctrl + Alt + Y
  • Показать/Скрыть «Сетку» Shift + G
  • Показать/Скрыть «Пиксельную сетку» Ctrl + ‘
  • Открыть «Панель слоев» Alt + 1
  • Открыть «Библиотеку компонентов» Alt + 2
  • Открыть «Вкладку Design» Alt + 8
  • Открыть «Вкладку Prototype» Alt + 9
  • Открыть «Вкладку Inspect» Alt + 0

Масштабирование

  • Перемещение по рабочему пространству Space + мышь
  • Увеличение масштаба Ctrl + =
  • Уменьшение масштаба Ctrl + -
  • Включить отображение 1:1 к экрану Ctrl + 0
  • Масштабировать все рабочее пространство Shift + 1
  • Масштабировать выделенный элемент Shift + 2
  • Масштабировать предыдущий фрейм Shift + N
  • Масштабировать следующий фрейм N
  • Предыдущая страница Page Up
  • Следующая страница Page Down
  • Предыдущий фрейм Home
  • Следующий фрейм End

Инструмент «Текст»

  • Выделить жирным или курсивом Ctrl + B или I
  • Подчеркнуть текст Ctrl + U
  • Создать ссылку из текста Ctrl + K
  • Зачеркнуть текст Ctrl + Shift + X
  • Создать список (нумерованный и ненумерованный) Ctrl + Shift + 7 или 8
  • Выровнять по левому краю Ctrl + Alt + L
  • Выровнять по центру Ctrl + Alt + T
  • Выровнять по правому краю Ctrl + Alt + R
  • Выровнять по ширине Ctrl + Alt + J
  • Увеличить или уменьшить размер Ctrl + Shift + < или >
  • Увеличить или уменьшить начертание Ctrl + Alt + < или >
  • Увеличить или уменьшить межбуквенное расстояние Alt + < или >
  • Увеличить или уменьшить межстрочное расстояние Alt + Shift + < или >

Инструмент «Фигура»

  • Инструмент «Перо» P
  • Инструмент «Карандаш» («Гибкое Перо») Shift + P
  • Залить / Убрать заливку фигуры B
  • Убрать заливку Alt + /
  • Убрать обводку Shift + /
  • Поменять заливку и обводку местами Shift + X
  • Преобразовать в «кривые» Ctrl + Shift + O
  • Преобразовать в векторную фигуру Ctrl + E
  • Добавить в выборку точки Ctrl + J
  • Удалить выборку точек Shift + Backspace

Выделение

  • Выделить все Ctrl + A
  • Инвертированное выделение Ctrl + Shift + A
  • Отменить выделение Esc
  • Сквозной выбор элемента Ctrl + Клик
  • Посмотреть иерархию слоя Ctrl + прав. Клик
  • Выбрать дочерний элемент Enter
  • Выбрать родительский элемент Shift + Enter
  • Выбрать след. элемент в панеле слоев Tab
  • Выбрать пред. элемент в панеле слоев Shift + Tab
  • Сгруппировать элементы Ctrl + G
  • Разгруппировать элементы Ctrl + Shift + G
  • Сгруппировать во фрейм Ctrl + Alt + G
  • Показать / Скрыть выбранные элементы Ctrl + Shift + H
  • Заблокировать / Разблокировать элементы Ctrl + Shift + L

Курсор

  • Посмотреть отступы (при наведении на элементы, курсор неподвижен) Alt
  • Создать копию (при движении курсора) Alt
  • Сквозной выбор элемента Ctrl + Клик
  • Посмотреть иерархию слоя Ctrl + прав. Клик
  • Выделение элементов на одном уровне вложенности при начальном выборе элемента через «Сквозное выделение» Ctrl + Мышь
  • Изменение размера относительно центра фигуры Alt
  • Пропорциональное изменение размеров Shift
  • Перемещение элемента при изменении размеров этого элемента Пробел
  • Игнорирование позиционирования (только при работе с фреймами) Ctrl

Редактирование

  • Копировать Ctrl + C
  • Вырезать Ctrl + X
  • Вставить Ctrl + V
  • Вставить поверх выбрать элементов Ctrl + Shift + V
  • Создать копию объекта Ctrl + D
  • Переименовать слой Ctrl + R
  • Открыть меню экспорта Ctrl + Shift + E
  • Копировать свойства объекта Ctrl + Alt + C
  • Вставить скопированные свойства Ctrl + Alt + V
  • Перевод элементов в PNG и копирование картинки в буфер обмена Ctrl + Shift + C

Трансформация элементов

  • Отразить по горизонтали Shift + H
  • Отразить по вертикали Shift + V
  • Создать маску Ctrl + Alt + M
  • Открытие режима редактирования изображения или векторного объекта Enter
  • Поместить изображение Ctrl + Shift + K
  • Открыть меню обрезки изображения Alt + двой. клик
  • Установить прозрачность 10% 1
  • Установить прозрачность 50% 5
  • Установить прозрачность 100% 0

Выравнивание

  • Переместить слой на передний план Ctrl + ]
  • Переместить слой на задний план Ctrl + [
  • Переместить слой выше по иерархии ]
  • Переместить слой ниже по иерархии [
  • Выровнять по левому / правому краю Alt + A или D
  • Выровнять по верхнему / нижнему краю Alt + W или S
  • Выровнять по гориз. / вертик. центру Alt + H или V
  • Распределить гориз. / вертик. пространство между элементами Alt + Shit + H или V
  • «Приведение в порядок» по мнению Figma 0
  • Создать автолейаут Shift + A
  • Убрать автолейаут Alt + Shift + A

Работа с компонентами

  • Показать библиотеку компонентов в проекте Alt + 2
  • Открыть командную библиотеку компонентов Ctrl + Alt + O
  • Создать компонент Ctrl + Alt + K
  • Отменить привязку компонента Ctrl + Alt + B
  • Вставить компонент из библиотеки компонентов проекта Shift + I
  • Поменять компоненты при размещении из библиотеки компонентов проекта Alt

Вот такие вот есть горячие клавиши в Фигме(figma), полезно бывает хотя бы раз прочитать их полностью, такие функции интересные узнаешь, о которых и не услышишь на том же ютубчике :).

Пользуйтесь на здоровье!

21990cookie-checkFigma — горячие клавиши
Оцените статью
Техдокументация вебмастера
Подписаться
Уведомить о
guest
0 комментариев
Межтекстовые Отзывы
Посмотреть все комментарии