Figma — это один из самых популярных инструментов для дизайнеров и разработчиков, который позволяет создавать профессиональные интерфейсы, прототипы и дизайн-системы.
Один из способов повысить производительность и скорость работы в Figma — использование горячих клавиш. Они могут значительно ускорить вашу работу и обеспечить более удобный и быстрый рабочий процесс.
В этом посте мы рассмотрим горячие клавиши в Figma, которые помогут вам эффективно работать с этим мощным инструментом. Вы узнаете, как использовать горячие клавиши для быстрой навигации, мгновенных действий, копирования, вставки, изменения цветов, поворота, масштабирования и работы с компонентами в Figma.
Независимо от вашего уровня опыта использования Figma — этот пост поможет вам усовершенствовать свои навыки и повысить производительность в разработке интерфейсов. Он будет полезен и нашим студентам, проходящим обучение на курсе по UI/UX дизайну, поэтому добавляйте ссылку на страницу в избранное.
Как переключаться между инструментами в Figma:
Инструмент
Горячая клавиша
Перемещение (Move)
V
Прямоугольник (Rectangle)
R
Овал (Ellipse)
O
Линия (Line)
L
Текст (Text)
T
Таблица горячих клавиш для работы с окнами в Figma:
Операция
Горячие клавиши (Mac/Win)
Поиск файлов
Cmd/Ctrl + /
Группирование
Cmd/Ctrl + G
Разгруппировка
Cmd/Ctrl + Shift + G
Обрезание
Cmd/Ctrl + Shift + K
Таблица горячих клавиш для работы с масштабированием, панорамированием и навигацией между фреймами в Figma:
Операция
Горячие клавиши (Mac/Win)
Увеличение масштаба
Cmd/Ctrl + +
Уменьшение масштаба
Cmd/Ctrl + —
Сброс масштаба
Cmd/Ctrl + 0
Панорамирование
Пробел
Переход к предыдущему фрейму
Cmd/Ctrl + [`]
Переход к следующему фрейму
Cmd/Ctrl + ]
Таблица горячих клавиш для работы с копированием и вставкой в Figma:
Операция
Горячие клавиши (Mac/Win)
Вырезать
Cmd/Ctrl + X
Копировать
Cmd/Ctrl + C
Вставить
Cmd/Ctrl + V
Дублировать
Cmd/Ctrl + D
Таблица шорткатов по обертыванию и масштабированию в Figma:
Операция
Горячие клавиши (Mac/Win)
Обернуть против часовой стрелки
Cmd/Ctrl + [
Обернуть по часовой стрелке
Cmd/Ctrl + ]
Увеличить масштаб
Cmd/Ctrl + +
Уменьшить масштаб
Cmd/Ctrl + —
Сбросить масштаб
Cmd/Ctrl + 0
Реальный размер
Cmd/Ctrl + 1
Половина реального размера
Cmd/Ctrl + 2
Размер 1:3-9
Cmd/Ctrl + цифра от 3 до 9
Таблица шорткатов по работе с цветами в Figma:
Операция
Горячие клавиши (Mac/Win)
Открыть палитру цветов
Cmd/Ctrl + C
Использовать последний использованный цвет
Shift + Cmd/Ctrl + C
Применить предыдущий цвет
Shift + Cmd/Ctrl + K
Применить следующий цвет
Shift + Cmd/Ctrl + J
Инструмент «пипетка»
I
Изменить цвет заливки на активном слое
X
Изменить цвет обводки на активном слое
Shift + X
Изменить цвет текста на активном слое
Cmd/Ctrl + Shift + C
Изменить цвет фона
Cmd/Ctrl + B
Изменить цвет выбранного текста
Cmd/Ctrl + Shift + K
Изменить цвет выбранной формы
Cmd/Ctrl + Shift + C
Таблица шорткатов по работе с компонентами в Figma:
Операция
Горячие клавиши (Mac/Win)
Создать компонент
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
Таблица горячих клавиш по работе с расположением объектов в Figma:
Операция
Горячие клавиши (Mac/Win)
Выровнять по вертикали
Cmd/Ctrl + Shift + V
Выровнять по горизонтали
Cmd/Ctrl + Shift + H
Выровнять по центру
Cmd/Ctrl + Shift + E
Выровнять по середине
Cmd/Ctrl + Shift + 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 + C
Приспособить объект к ограничениям
Cmd/Ctrl + Shift + X
Горячие клавиши для работы со шрифтами в Figma:
Операция
Горячие клавиши (Mac/Win)
Установить стиль шрифта (Set font style)
Cmd/Ctrl + Shift + T
Увеличить размер шрифта (Increase font size)
Cmd/Ctrl + Shift + >
Уменьшить размер шрифта (Decrease font size)
Cmd/Ctrl + Shift + <
Перейти к следующему размеру шрифта (Next font size)
Cmd/Ctrl + ]
Перейти к предыдущему размеру шрифта (Previous font size)
Cmd/Ctrl + [
Переключить шрифт на курсивный (Toggle italic font style)
Cmd/Ctrl + I
Переключить шрифт на жирный (Toggle bold font style)
Cmd/Ctrl + B
Переключить шрифт на подчеркнутый (Toggle underline font style)
Cmd/Ctrl + U
Переключить шрифт на зачеркнутый (Toggle strikethrough font style)
Cmd/Ctrl + Shift + X
Выровнять текст по левому краю (Align text left)
Cmd/Ctrl + Shift + L
Выровнять текст по центру (Align text center)
Cmd/Ctrl + Shift + E
Выровнять текст по правому краю (Align text right)
Cmd/Ctrl + Shift + R
Выровнять текст по ширине (Align text width)
Cmd/Ctrl + Shift + W
Увеличить межстрочный интервал (Increase line height)
Cmd/Ctrl + Alt + ↑
Уменьшить межстрочный интервал (Decrease line height)
Cmd/Ctrl + Alt + ↓
Увеличить интервал между буквами (Increase letter spacing)
Option/Alt + →
Уменьшить интервал между буквами (Decrease letter spacing)
Option/Alt + ←
Увеличить интервал между словами (Increase word spacing)
Option/Alt + Shift + →
Уменьшить интервал между словами (Decrease word spacing)
Option/Alt + Shift + ←
Изменить толщину шрифта (Change font weight)
Cmd/Ctrl + Shift + B
Увеличить толщину шрифта (Increase font weight)
Cmd/Ctrl + }
Уменьшить толщину шрифта (Decrease font weight)
Cmd/Ctrl + {
Привести текст в ВЕРХНИЙ РЕГИСТР (Change text case to uppercase)
Cmd/Ctrl + Shift + K
Это большинство основных сокращений, которые можно использовать при работе в Figma. Они будут полезны как новичкам, так и профессиональным дизайнерам. Обратите внимание, что сокращения могут отличаться в зависимости от операционной системы (Mac или Windows) и версии Figma. Рекомендуется проверять официальную документацию Figma для получения полного списка сокращений и их обновлений.
