Горячие клавиши для работы в Figma

Figma — революционное приложение, потому что оно полностью работает на стороне браузера. Как оказалось, его основная цель, то есть создание интерфейсов — это лишь один из многих сценариев, для которых вы можете использовать Figma.

Благодаря интуитивно понятному и простому управлению, это инструмент, с помощью которого каждый может создавать и редактировать графику! Однако по сравнению с конкурирующими приложениями, такими как Sketch, Figma имеет огромные преимущества — например, предлагает оригинальную систему совместной работы, в которой несколько человек могут работать над проектом в режиме реального времени!

А чтобы все эти люди работали продуктивно, мы рекомендуем изучить полезный материал по горячим клавишам в Figma.

Основные сочетания — Essential keyboard shortcuts

Горячие клавиши по Tools — Инструменты

• Если нужно использовать инструмент Выделение — V
• Добавить/показать комментарии — С
• Если нужно использовать инструмент Карандаш — Shift + P
• Если нужно использовать инструмент Линия — L
• Если нужно использовать инструмент Нож — S
• Если нужно использовать инструмент Перо — P
• Если нужно использовать инструмент Пипетка — i на Windows и Ctrl + С на Mac
• Если нужно использовать инструмент Прямоугольник — R
• Если нужно использовать инструмент Создания фреймов — F
• Если нужно использовать инструмент Стрелка — Shift + L
• Если нужно использовать инструмент Текст — T
• Если нужно использовать инструмент Эллипс — O

Горячие клавиши View — Вид

Горячие клавиши – Выделение

Горячие клавиши Zoom (приблизить, масштабировать)

Перемещение Zoom по рабочему пространству — Space + drag.

• При необходимости увеличить масштаб — .
• При необходимости уменьшить масштаб — .
• Включить отображение 1:1 к экрану — Shift + 0.

Масштабировать:

• все рабочее пространство — Shift + 1.
• выделенный элемент — Shift + 2.
• предыдущий фрейм — Shift + N.
• следующий фрейм — N.

Найти:

• предыдущую страницу — Page Up.
• предыдущий фрейм — Home.
• следующий фрейм — End.
• следующую страницу — Page Down.

Горячие клавиши Text

Горячие клавиши Shape - Векторные изображения

• Если вам нужно использовать в работе Перо — P.
• Если вам нужно использовать в работе Карандаш — Shift + P.
• Если вам нужно использовать в работе Заливку — B.
• Если вам нужно поменять местами обводку и заливку — Shift + X.
• Если вам нужно преобразовать в кривые — Ctrl + Shift + O на Windows и ⌘ + Shift + O на Mac.
• Если вам нужно работать с точками векторных изображений — Ctrl + E на Windows и ⌘ + E на Mac.
• Если вам нужно удалить заливку — Alt + /.
• Если вам нужно удалить обводку — /.

Горячие клавиши Cursor — Курсор

• Если вам нужно выделить элемент при клике — Alt.
• Если вам нужно изменить размер относительно центра элемента — Alt.
• Если вам нужно изменить размер пропорционально — Shift.
• Если вам нужно копировать элемент при движении — Alt.
• Если вам нужно переместить во время изменения размеров элемента — Ctrl на Windows и ⌘ на Mac.
• Если вам нужно показать иерархию выделенного элемента — Ctrl + right click на Windows и ⌘ + right click на Mac.

Горячие клавиши Arrange —Выравнивание

Горячие клавиши Edit —Редактирование

Горячие клавиши Transform —Трансформирование

• Использовать команду включить редактирование векторных объектов или изображений — Enter.
• Использовать команду вставить изображение — Ctrl + Shift + K на Windows и ⌘ + Shift + K на Mac.
• Использовать команду обрезать изображение — Alt + dbl-click.
• Использовать команду отразить по вертикали — Shift + V.
• Использовать команду отразить по горизонтали — Shift + H.
• Использовать команду создать маску — Ctrl + Alt + M на Windows и ⌘ + Alt + M на Mac.

Использовать команду задать прозрачность элементу:

• 10% — 1
• 50% — 5
• 100% — 0

Горячие клавиши Components —Компоненты

Знание горячих клавиш повысит эффективность работы в Figma, одновременно делая выполнение задач более быстрым и удобным.

Примечание: Об особенностях работы с Figma, ее инструментах и возможностях мы подготовили отдельное руководство «Figma для начинающего веб-дизайнера. Советы, фишки, возможности».

Курсы Figma помогут разобраться в теме еще лучше!

В Академии Eduson есть комплексный курс по веб-дизайну, который включает в себя далеко не только Figma, но и набор самых популярных инструментов дизайнера, поэтому вы сможете пройти обучение веб-дизайну с нуля до профи! Курсы IT – простой способ изучить основы дизайна и получить навыки работы с цифровыми приложениями.