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

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

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

Если нужно показать/скрыть Боковые панели — Ctrl + \ на Windows и ⌘ + \ на Mac. Если нужно показать/скрыть курсоры других пользователей — Ctrl + Alt + \ на Windows и Alt + ⌘ + \ на Mac. Если нужно показать/скрыть обводку всех элементов — Ctrl + Shift + 3 на Windows и ⌘ + Y на Mac. Если нужно показать/скрыть Панель дизайна — Alt + 8. Если нужно показать/скрыть Панель прототипа — Alt + 9. Если нужно показать/скрыть Пиксельную сетку — Ctrl + ' на Windows и ⌘ + ' на Mac. Если нужно показать/скрыть Пиксельный просмотр — Ctrl + Alt + Y на Windows и Ctrl + P на Mac. Если нужно показать/скрыть сетку — Ctrl + Shift + 4 на Windows и Ctrl + G на Mac. Если нужно показать/скрыть только компоненты — Alt + 2. Если нужно показать/скрыть только слои — Alt + 1.

Если нужно быстро выделить всё — Ctrl + A на Windows и ⌘ + A на Mac. Если нужно быстро выделить всё, кроме чего-либо — Ctrl + Shift + A на Windows и ⌘ + Shift + A на Mac. Если нужно быстро выделить слои, которые находятся под другими слоями — Ctrl + click Windows и ⌘ + click на Mac. Если нужно быстро выделить слой на боковой панели — Ctrl + right click Windows и ⌘ + right click на Mac. Если нужно быстро выделить дочерний элемент — Enter. Если нужно быстро выделить родительский элемент — Shift + Enter. Если нужно быстро выделить следующий по порядку элемент — Tab. Если нужно быстро выделить предыдущий по порядку элемент — Shift + Tab. Если нужно быстро заблокировать или разблокировать элемент — Ctrl + Shift + L на Windows и ⌘ + Shift + L на Mac. Если нужно быстро отменить выделение — Esc. Если нужно быстро показать или скрыть элемент — Ctrl + Shift + H на Windows и ⌘ + Shift + H на Mac. Если нужно быстро преобразовать в фрейм — Ctrl + Alt + G на Windows и ⌘ + Alt + G на Mac. Если нужно быстро разгруппировать элементы — Ctrl + Shift + G на Windows и ⌘ + Shift + G на Mac. Если нужно быстро сгруппировать элементы — Ctrl + G на Windows и ⌘ + G на Mac.

Чтобы текстовый элемент выделить жирным — Ctrl + B на Windows и ⌘ + B на Mac. Чтобы текстовый элемент выделить курсивом — Ctrl + i и ⌘ + i на Mac. Чтобы текстовый элемент подчеркнуть- Ctrl + U и ⌘ + U на Mac. Чтобы текстовый элемент вставить и сопоставить элемент — Ctrl + Shift + V. Чтобы текстовый элемент выровнять по левому краю — Ctrl + Alt + L на Windows и ⌘ + Alt + L на Mac. Чтобы текстовый элемент выровнять по центру — Ctrl + Alt + T на Windows и ⌘ + Alt + T на Mac. Чтобы текстовый элемент выровнять по правому краю — Ctrl + Alt + R на Windows и ⌘ + Alt + R на Mac. Чтобы текстовый элемент выровнять по ширине — Ctrl + Alt + J на Windows и ⌘ + Alt + J на Mac. Чтобы быстро изменить размера текста — Ctrl + Shift + < и > на Windows и ⌘ + Shift + < и > на Mac. Чтобы быстро изменить расстояние между символами — Alt + < и >. Чтобы быстро изменить расстояние между строками — Alt + Shift + < и >.

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

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

Если вам нужно переместить элементы на уровень ближе к переднему плану — Ctrl + ] на Windows и ⌘ + ] на Mac. Если вам нужно переместить элементы на уровень дальше от переднего плана — Ctrl + [ на Windows и ⌘ + [ на Mac. Если вам нужно переместить элементы на передний план — Ctrl + Shift + ] на Windows и ⌘ + Shift + ] на Mac. Если вам нужно переместить элементы на задний план — Ctrl + Shift + [ на Windows и ⌘ + Shift + [ на Mac. Если вам нужно выровнять элементы по верхней стороне — Alt + W. Если вам нужно выровнять элементы по левой стороне — Alt + A. Если вам нужно выровнять элементы по нижней стороне — Alt + S. Если вам нужно выровнять элементы по правой стороне — Alt + D. Если вам нужно выровнять элементы с распределением горизонтального пространства — Ctrl + Shift + Alt + H на Windows и ⌘ + Shift + Alt + H на Mac. Если вам нужно выровнять элементы согласно вертикальной линии элементов — Alt + V. Если вам нужно выровнять элементы согласно горизонтальной линии элементов — Alt + H. Если вам нужно выровнять элементы с распределением вертикального пространства — Ctrl + Shift + Alt + V на Windows и ⌘ + Shift + Alt + V на Mac.

Использовать команду вставить — Ctrl + V на Windows и ⌘ + V на Mac. Использовать команду вставить поверх выделенного элемента — Ctrl + Shift + V на Windows и ⌘ + Shift + V на Mac. Использовать команду вставить скопированные свойства — Ctrl + Alt + V на Windows и ⌘ + Alt + V на Mac. Использовать команду вырезать — Ctrl + X на Windows и ⌘ + X на Mac. Использовать команду копировать — Ctrl + C на Windows и ⌘ + C на Mac. Использовать команду копировать свойства элемента — Ctrl + Alt + C на Windows и ⌘ + Alt + C на Mac. Использовать команду переименовать — Ctrl + R на Windows и ⌘ + R на Mac. Использовать команду создать копию — Ctrl + D на Windows и ⌘ + D на Mac. Использовать команду экспортировать элемент — Ctrl + Shift + E на Windows и ⌘ + Shift + E на Mac.

Использовать команду включить редактирование векторных объектов или изображений — 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

• Если вам нужно открыть многопользовательскую библиотеку — Ctrl + Alt + O на Windows и ⌘+ Alt + O на Mac.
• Если вам нужно показать все компоненты — Alt + 2
• Если вам нужно преобразовать компонент во фрейм — Ctrl + Alt + B на Windows и ⌘ + Alt + B на Mac.
• Если вам нужно создать компонент — Ctrl + Alt + K на Windows и ⌘ + Alt + K на Mac.

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

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