Онлайн-редактор для совместной разработки интерфейсов (UI/UX) Figma позволяет создавать профессиональные прототипы и дизайн-системы. Чтобы повысить продуктивность и скорость работы в Figma, можно использовать горячие клавиши. Существует множество различных шорткатов для такого же количества функций и задач в редакторе. Как профессионалам, так и тем, кто только начинает изучать курсы UI/UX дизайна, важно знать и уметь использовать hotkeys.
В этой статье рассказываем о горячих клавишах в Figma и объясняем, как с помощью комбинаций клавиш быстро перемещаться по файлу, выполнять мгновенные действия, копировать и вставлять элементы, менять цвета, вращать и масштабировать объекты, а также работать с компонентами.
Комбинации горячих клавиш в Figma различаются на Mac и Windows из-за различной логики работы операционных систем, в частности из-за отличий в системных клавишах и стандартных сочетаниях. В Figma Cmd/Ctrl — это основные модификаторы для большинства горячих клавиш: Cmd на macOS и Ctrl на Windows. Они используются в шорткатах для выполнения базовых действий (копировать, вставить, дублировать и т.д.).
| Функция | Горячие клавиши (Mac/Windows) |
|---|---|
| Разгруппировать объекты | Cmd/Ctrl + Shift + G |
| Обрезание | Cmd/Ctrl + Shift + K |
| Переход к предыдущему фрейму | Cmd/Ctrl + [ |
| Вырезать | Cmd/Ctrl + X |
| Копировать | Cmd/Ctrl + C |
| Вставить | Cmd/Ctrl + V |
| Функция | Горячие клавиши (Mac/Windows) |
|---|---|
| Повернуть против часовой стрелки | Cmd/Ctrl + [ |
| Повернуть по часовой стрелке | Cmd/Ctrl + ] |
| Закрепить масштаб | Cmd/Ctrl + 0 |
| Применить масштаб 1:1 | Cmd/Ctrl + 1 |
| Применить масштаб 1:2 | Cmd/Ctrl + 2 |
| Применить масштаб 1:3-9 | Cmd/Ctrl + цифра от 3 до 9 |
| Функция | Горячие клавиши (Mac/Windows) |
|---|---|
| Открыть палитру цветов | Cmd/Ctrl + C |
| Использовать палитру за последним использованием | Shift + Cmd/Ctrl + C |
| Применить устаревший цвет | Shift + Cmd/Ctrl + K |
| Применить следующий цвет | Shift + Cmd/Ctrl + J |
| Изменить цвет заливки на активном слое | X |
| Инструмент "пипетка" | I |
| Изменить цвет обводки на активном слое | Shift + X |
| Изменить цвет текста на активном слое | Cmd/Ctrl + Shift + C |
| Изменить фоновый цвет | Cmd/Ctrl + B |
| Изменить цвет выбранного текста | Cmd/Ctrl + Shift + K |
| Изменить цвет выбранной формы | Cmd/Ctrl + Shift + C |
| Функция | Горячие клавиши (Mac/Windows) |
|---|---|
| Создать компонент | Cmd/Ctrl + Option/Alt + K |
| Вставить компонент | Cmd/Ctrl + Option/Alt + V |
| Открыть библиотеку компонентов | Cmd/Ctrl + Option/Alt + L |
| Удалить компонент | Cmd/Ctrl + Option/Alt + Backspace/Delete |
| Применить компонент на выбранный объект | Cmd/Ctrl + Option/Alt + A |
| Применить компонент на выбранный текст | Cmd/Ctrl + Option/Alt + T |
| Применить последний использованный компонент | Shift + Cmd/Ctrl + K |
| Применить следующий компонент | Shift + Cmd/Ctrl + J |
| Применить предыдущий компонент | Shift + Cmd/Ctrl + H |
| Выйти из режима редактирования компонента | Esc |
| Открыть выбранный компонент для редактирования | Cmd/Ctrl + Option/Alt + E |
| Обновить все экземпляры компонента | Cmd/Ctrl + Alt + U |
| Обновить выбранный компонент | Cmd/Ctrl + Alt + R |
| Найти использование компонента | Shift + Cmd/Ctrl + F |
| Перейти к следующему экземпляру компонента | Cmd/Ctrl + Alt + N |
| Перейти к предыдущему экземпляру компонента | Cmd/Ctrl + Alt + P |
| Заблокировать/Разблокировать компонент | Cmd/Ctrl + Alt + Shift + L |
| Переместить компонент в другой фрейм | Cmd/Ctrl + Alt + M |
| Выровнять по левому краю | Cmd/Ctrl + Shift + L |
|---|---|
| Выровнять по правому краю | Cmd/Ctrl + Shift + R |
| Выровнять по верхнему краю | Cmd/Ctrl + Shift + T |
| Выровнять по нижнему краю | Cmd/Ctrl + Shift + B |
| Распределить по вертикали | Cmd/Ctrl + Shift + D |
| Распределить по горизонтали | Cmd/Ctrl + Shift + G |
| Распределить по размеру | Cmd/Ctrl + Shift + P |
| Переместить слой на передний план | Cmd/Ctrl + Shift + ] |
| Переместить слой на задний план | Cmd/Ctrl + Shift + [ |
| Переместить слой на один уровень вверх | Cmd/Ctrl + Alt + Shift + ] |
| Переместить слой на один уровень вниз | Cmd/Ctrl + Alt + Shift + [ |
| Изменить размер объекта | Cmd/Ctrl + Shift + R |
| Повернуть объект на 45° против часовой стрелки | Cmd/Ctrl + Alt + [ |
| Повернуть объект на 45° по часовой стрелке | Cmd/Ctrl + Alt + ] |
| Установить размер объекта по составу | Cmd/Ctrl + Shift + X |
| Выровнять объект по составу | Cmd/Ctrl + Shift + C |
| Функция | Горячие клавиши (Mac/Windows) |
|---|---|
| Установить стиль шрифта | Cmd/Ctrl + Shift + T |
| Увеличить размер шрифта | Cmd/Ctrl + Shift + > |
| Уменьшить размер шрифта | Cmd/Ctrl + Shift + < |
| Перейти к следующему размеру шрифта | Cmd/Ctrl + ] |
| Перейти к предыдущему размеру шрифта | Cmd/Ctrl + [ |
| Изменить стиль шрифта на курсивный | Cmd/Ctrl + I |
| Изменить стиль шрифта на жирный | Cmd/Ctrl + B |
| Изменить стиль шрифта на подчеркнутый | Cmd/Ctrl + U |
| Изменить стиль шрифта на зачеркнутый | Cmd/Ctrl + Shift + X |
| Выровнять текст по левому краю | Cmd/Ctrl + Shift + L |
| Выровнять текст по центру | Cmd/Ctrl + Shift + E |
| Выровнять текст по правому краю | Cmd/Ctrl + Shift + R |
| Выровнять текст по ширине | Cmd/Ctrl + Shift + W |
| Увеличить межстрочный интервал | Cmd/Ctrl + Alt + ↑ |
| Уменьшить межстрочный интервал | Cmd/Ctrl + Alt + ↓ |
| Увеличить отступ между буквами | Option/Alt + → |
| Уменьшить отступ между буквами | Option/Alt + ← |
| Увеличить отступ между словами | Option/Alt + Shift + → |
| Уменьшить отступ между словами | Option/Alt + Shift + ← |
| Изменить разделение шрифта | Cmd/Ctrl + Shift + B |
| Увеличить разделение шрифта | Cmd/Ctrl + } |
| Уменьшить разделение шрифта | Cmd/Ctrl + { |
| Изменить капитель текста на большие | Cmd/Ctrl + Shift + K |
| Изменить капитель текста на маленькие | Cmd/Ctrl + Shift + L |
| Изменить капитель текста на большие буквы | Cmd/Ctrl + Shift + M |
| Изменить капитель текста на обратный | Cmd/Ctrl + Shift + F |
| Изменить шрифт на следующий в списке | Cmd/Ctrl + . |
| Изменить шрифт на предыдущий в списке | Cmd/Ctrl + , |
| Открыть окно настроек шрифта | Cmd/Ctrl + Shift + / |