Figma - это один из самых популярных инструментов для дизайнеров и разработчиков, который позволяет создавать профессиональные интерфейсы, прототипы и дизайн-системы.
Один из способов повысить производительность и скорость работы в Figma - использование горячих клавиш. Они могут значительно ускорить вашу работу и обеспечить более удобный и быстрый рабочий процесс.
В этом посте мы рассмотрим горячие клавиши в Figma, которые помогут вам эффективно работать с этим мощным инструментом. Вы узнаете, как использовать горячие клавиши для быстрой навигации, мгновенных действий, копирования, вставки, изменения цветов, поворота, масштабирования и работы с компонентами в Figma.
Независимо от вашего уровня опыта использования Figma - этот пост поможет вам усовершенствовать свои навыки и повысить производительность в разработке интерфейсов. Он будет полезен и нашим студентам, проходящим обучение на курсе по UI/UX дизайну, поэтому добавляйте ссылку на страницу в избранное.
- Перемещение (Move) — V
- Прямоугольник (Rectangle) — R
- Овал (Ellipse) — O
- Линия (Line) — L
- Текст (Text) — T
- Поиск файлов — Cmd/Ctrl + /
- Группирование — Cmd/Ctrl + G
- Разгруппировка — Cmd/Ctrl + Shift + G
- Обрезание — Cmd/Ctrl + Shift + K
- Увеличение масштаба — Cmd/Ctrl + +
- Уменьшение масштаба — Cmd/Ctrl + —
- Сброс масштаба — Cmd/Ctrl + 0
- Панорамирование — Пробел
- Переход к предыдущему фрейму — Cmd/Ctrl + [
- Переход к следующему фрейму — Cmd/Ctrl + ]
- Вырезать — Cmd/Ctrl + X
- Копировать — Cmd/Ctrl + C
- Вставить — Cmd/Ctrl + V
- Дублировать — Cmd/Ctrl + D
- Обернуть против часовой стрелки — Cmd/Ctrl + [
- Обернуть по часовой стрелке — Cmd/Ctrl + ]
- Увеличить масштаб — Cmd/Ctrl + +
- Уменьшить масштаб — Cmd/Ctrl + —
- Сбросить масштаб — Cmd/Ctrl + 0
- Реальный размер — Cmd/Ctrl + 1
- Половина реального размера — Cmd/Ctrl + 2
- Размер 1:3-9 — Cmd/Ctrl + цифра от 3 до 9
- Открыть палитру цветов — 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
- Создать компонент — 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 + 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
- Установить стиль шрифта — 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
Это большинство основных сокращений, которые можно использовать при работе в Figma. Они будут полезны как новичкам, так и профессиональным дизайнерам. Обратите внимание, что сокращения могут отличаться в зависимости от операционной системы (Mac или Windows) и версии Figma. Рекомендуется проверять официальную документацию Figma для получения полного списка сокращений и их обновлений.