Соберу сюда горячие клавиши в фигме (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
Редактирование
- Копировать C
trl + 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), полезно бывает хотя бы раз прочитать их полностью, такие функции интересные узнаешь, о которых и не услышишь на том же ютубчике :).
Пользуйтесь на здоровье!