Figma hotkeys mac os

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

Чтобы в разы ускорить разработку — использование клавиатурных сокращений обязательно.

Найти все клавиатурные сокращения вы можете, нажав в левом нижнем углу на знак вопроса и, перейдя во вкладку “Keyboard Shortcuts”. Или вы можете использовать клавиатурное сокращение “Ctrl + Shift + ?”.

Ниже я привел скриншоты с разделами, а также с переводом.

Вкладка №1 (Основные параметры)

1 — Показать/Скрыть “Боковые панели”
2 — Инструмент “Пипетка”
3 — Поиск команд, опций в разделе “Меню”

Вкладка №2 (Инструменты)

1 — Стандартный инструмент выделения
2 — Инструмент создания фреймов
3 — Инструмент “Перо”
4 — Инструмент “Карандаш” (Как “Перо” только рисовать можно любые формы)

1 — Инструмент “Текст”
2 — Инструмент “Прямоугольник”
3 — Инстурмент “Элипс”
4 — Инструмент “Линия”
5 — Инструмент “Стрелка”

1 — Добавить или показать комментарии к текущему макету
2 — Инструмент “Пипетка”
3 — Инструмент “Нож” (Вырезает область в виде картинки)

Вкладка №3 (Просмотр):

1 — Показать/Скрыть “Линейки”
2 — Показать/Скрыть “Обводки всех элементов”
3 — Показать/Скрыть “Пиксельный просмотр”

1 — Показать/Скрыть “Сетку”
2 — Показать/Скрыть “Пиксельную сетку”

1 — Показать/Скрыть “Боковые панели”
2 — Показать/Скрыть “Курсоры других пользователей”
3 — Показать/Скрыть “Только слои”
4 — Показать/Скрыть “Только компоненты”
5 — Показать/Скрыть “Многопользовательская библиотека”

Вкладка №4 (Масштабирование):

1 — Перемещение по рабочему пространству
2 — Увеличение масштаба
3 — Уменьшение масштаба
4 — Включить отображение 1:1 к экрану

1 — Масштабировать все рабочее пространство
2 — Масштабировать выделенный элемент
3 — Масштабировать предыдущий фрейм
4 — Масштабировать следующий фрейм

1 — Предыдущая страница
2 — Следующая страница
3 — Предыдущий фрейм
4 — Следующий фрейм

Вкладка №5 (Инструмент “Текст”):

1 — Выделить жирным
2 — Выделить курсивом
3 — Подчеркнуть
4 — Вставить и сопоставить элемент

1 — Выровнять текст по левому краю
2 — Выровнять текст по центру
3 — Выровнять текст по правому краю
4 — Выровнять текст по ширине

1 — Изменение размера текста
2 — Изменение расстояния между символами
3 — Изменение расстояния между строками

Вкладка №6 (Векторные изображения):

1 — Перо
2 — Карандаш
3 — Заливка

1 — Удалить заливку
2 — Удалить обводку
3 — Поменять местами обводку и заливку
4 — Преобразовать в кривые
5 — Также преобразование в кривые (но функция отличается, я ей не пользуюсь)

Работа с точками векторных изображений (Эти функции я не использую)

Вкладка №7 (Выделение):

1 — Выделить все
2 — Выделить все, кроме…
3 — Отменить выделение
4 — Выделение слоев, которые находятся под другими слоями
5 — Выделение слоя на боковой панели

1 — Выделить дочерний элемент
2 — Выделить родительский элемент
3 — Выделить следующий по порядку элемент
4 — Выделить предыдущий по порядку элемент

1 — Сгруппировать элементы
2 — Разгруппировать элементы
3 — Преобразовать в фрейм
4 — Показать/Скрыть элемент
5 — Заблокировать/Разблокировать элемент

Вкладка №8 (Курсор):

1 — Выделение элемент при клике
2 — Копирование элемент при движении

1 — Выделение слоев, которые находятся под другими слоями
2 — Показывается иерархия выделенного элемента

1 — Изменение размера относительно центра элемента
2 — Изменение размер пропорционально
3 — Перемещение во время изменения размеров элемента

Вкладка №9 (Редактирование):

1 — Копировать
2 — Вырезать
3 — Вставить
4 — Вставить поверх выделенного элемента

1 — Создание копии
2 — Переименование
3 — Экспорт элемента

1 — Копировать свойства элемента
2 — Вставить скопированные свойства

Вкладка №10 (Трансформирование):

1 — Отразить по горизонтали
2 — Отразить по вертикали
3 — Создать маску

1 — Включить редактирование векторных объектов или изображений
2 — Вставить изображение
3 — Обрезать изображение

1 — Задать прозрачность элементу — 10%
2 — 50%
3 — 100%

Вкладка №11 (Выравнивание):

1 — Переместить на 1 уровень ближе к переднему плану
2 — Переместить на 1 уровень дальше от переднего плана
3 — Переместить на передний план
4 — Переместить на задний план

1 — Выровнять по левой стороне
2 — Выровнять по правой стороне
3 — Выровнять по верхней стороне
4 — Выровнять по нижней стороне

1 — Выровнять согласно горизонтальной линии элементов
2 — Выровнять согласно вертикальной линии элементов
3 — Не пользуюсь функцией
4 — Выравнивание с распределением горизонтального пространства
5 — Выравнивание с распределением вертикального пространства

Вкладка №12 (Компоненты):

1 — Показать все компоненты
2 — Создать компонент
3 — Преобразовать компонент в фрейм
4 — Многопользовательская библиотека

Также очень важный вопрос: как отменить действие в фигма? Для того чтобы отменить действие в Figma — нужно всего лишь нажать клавиатурное сокращение «Ctrl + Z». И в зависимости от количества нажатий, вы отмените предыдущие действия.

Важно! Когда вы изучили все клавиатурные сокращения в Figma — рекомендую для закрепления отработать их на реальных макетах. По этой и этой ссылкам вы можете найти готовые макеты для оттачивания своих навыков.

Источник

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

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

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

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

• Если нужно показать/скрыть Боковые панели – 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.

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

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

• Чтобы текстовый элемент выделить жирным – 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 + .

Горячие клавиши 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 —Выравнивание

• Если вам нужно переместить элементы на уровень ближе к переднему плану – 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.

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

• Использовать команду вставить – 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.

Горячие клавиши 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 —Компоненты

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

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

Источник