Figma стала стандартом в веб- и UI/UX-дизайне, и скорость работы в ней напрямую влияет на твой доход и эффективность. Горячие клавиши позволяют сократить время на рутину и сосредоточиться на творчестве. А если ты хочешь ещё глубже разобраться в инструментах, полезно начать с понимания того, как редактировать чужие макеты в Figma — об этом подробно рассказано здесь: «Как редактировать чужие макеты в Figma».
Теперь — к хоткеям.
⭐ Основные инструменты Figma
Эти сочетания нужны каждый день:
- V — выделение объекта
- K — масштабирование объекта
- F — создание фрейма
- S — создание слайса (экспортные области)
- R — прямоугольник
- O — эллипс
- T — текст
- L — линия
- P — перо
- I — пипетка
Если создаёшь презентации, пригодится приём эффекта лупы, например для увеличения деталей интерфейса. Инструкция здесь: «Как сделать эффект лупы в Figma».
Дополнительные инструменты:
- Shift+L — стрелка
- Shift+P — карандаш
- Space / H — рука для навигации
🎨 Действия с объектами
Работа с объектами — самое частое действие в Figma.
- Shift+H — отразить по горизонтали
- Shift+V — отразить по вертикали
- Shift+X — поменять заливку и обводку местами
- Ctrl+Alt+K — создать компонент
Компоненты особенно полезны, если ты переносишь интерфейсы реальных сайтов в Figma для анализа. Про это есть крутой гайд: «Как импортировать любой сайт в Figma за пару кликов».
Дальше по объектам:
- Shift+A — добавить Auto Layout
- Ctrl+Alt+C — копировать свойства
- Ctrl+Alt+V — вставить свойства
- Ctrl+Shift+K — вставить изображение
- Alt + двойной клик — обрезать изображение
🖥 Вид рабочей области
Грамотно настроенный workspace — половина скорости:
- Shift+R — направляющие
- Ctrl+Shift+3 — режим «контуры»
- Ctrl+Alt+Y — предпросмотр в пикселях
- Ctrl+Shift+4 — сетка макета
Пиксельная точность особенно важна, если ты редактируешь макеты, полученные от заказчика. Если ты не знаешь, как удобнее работать с чужими файлами, посмотри статью «Редактирование чужих макетов в Figma».
Дополнительно:
- Ctrl+’ — пиксельная сетка
- Ctrl+\ — скрыть интерфейс
- Ctrl+Alt+\ — скрыть курсоры других пользователей
🧭 Навигация
Эти хоткеи помогут быстрее переключаться между разделами интерфейса:
- Alt+1 — панель слоёв
- Alt+2 — панель ресурсов
- Alt+8 — дизайн-панель
- Alt+9 — панель прототипа
Кстати, прототипирование часто становится чище, если использовать эффект лупы для акцентирования важных деталей. Подробности: «Эффект лупы в Figma».
Остальные навигационные клавиши:
- Alt+0 — панель просмотра
- Ctrl+1–9 — переключение вкладок
- Tab / Shift+Tab — следующий / предыдущий слой
🔍 Масштабирование
Управление масштабом без мышки:
- Shift+0 — 100%
- Shift+1 — весь файл
- Shift+2 — выбранный объект
- Shift+N — предыдущий фрейм
- N — следующий фрейм
При анализе интерфейсов, импортированных с помощью функции «Импорт любого сайта в Figma», эти хоткеи полезны для сравнения блоков.
🛠 Полезные функции
Выручат в повседневной работе:
- Ctrl+Shift+E — экспорт
- Ctrl+/ — поиск по программе
Поиск отлично помогает, если ты работаешь с чужим файлом и не можешь быстро найти нужный инструмент. Разобраться поможет статья «Как редактировать чужие макеты в Figma».
- Ctrl+Shift+/ — панель всех хоткеев (показывает, что ты уже использовал)
📌 Итог
Если освоить эти сочетания клавиш, ты:
✔ ускоришь работу минимум в два раза
✔ уменьшишь количество рутинных кликов
✔ будешь быстрее верстать, править и презентовать макеты
✔ улучшишь навигацию по большим файлам
