К содержанию
Гайд

Сочетания клавиш как в Figma: полная шпаргалка на русском

Клавиши те же, что в Figma, а команды подписаны по-русски. Ниже весь список из редактора: инструменты одной буквой, остальное в таблицах с колонками для Mac и для Windows.

Обновлено 8 минут чтения

⌘K
Действия: поиск любой команды
V
Перемещение
F
Фрейм
T
Текст
⇧A
Добавить автолейаут
⌥⌘K
Создать компонент
⇧D
Режим «Код»
⌃⇧/
Все сочетания клавиш

Коротко

Горячие клавиши в Morfa те же, что в Figma: V — «Перемещение», F — «Фрейм», R — «Прямоугольник», T — «Текст», ⇧A — «Добавить автолейаут», ⌥⌘K — «Создать компонент», а ⌘K открывает «Действия» для поиска любой команды. На Windows и Linux вместо ⌘ нажимают Ctrl, вместо ⌥ — Alt.

Сочетания работают на русской раскладке. Полный список с поиском открывается в редакторе клавишами ⌃⇧/ (Ctrl+Shift+/), а у доски свой набор клавиш.

Клавиши инструментов

Инструменты включаются одной клавишей без модификаторов, поэтому нажимаются одинаково на Mac, Windows и Linux. Если у инструмента две клавиши, работают обе: «Фрейм» — это F или A.

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

V
Перемещение
H
Рука
Пробел
Рука, пока удерживаете
K
Масштаб
FA
Фрейм
⇧S
Секция
S
Фрагмент
R
Прямоугольник
O
Эллипс
L
Линия
⇧L
Стрелка
P
Перо
⇧P
Карандаш
T
Текст
I
Пипетка
C
Комментарий
Y
Аннотация
⇧M
Измерение
Q
Лассо (режим «Рисование»)
B
Кисть (режим «Рисование»)
Инструменты: одна клавиша на всех системах

Правка, выделение и файл

Здесь сочетания, которые нажимают чаще всего: отмена, дублирование, копирование свойств, переходы по слоям. Клавиша ⌘ на Mac соответствует Ctrl на Windows и Linux, ⌥ — Alt, ⇧ — Shift.

Общее, файл и правка
КомандаmacOSWindows и Linux
Действия: поиск любой команды⌘K, ⌘/ или ⌘PCtrl+K, Ctrl+/ или Ctrl+P
Сочетания клавиш⌃⇧/Ctrl+Shift+/
Отменить / Повторить⌘Z / ⇧⌘ZCtrl+Z / Ctrl+Shift+Z
Дублировать⌘DCtrl+D
Копировать / Вырезать / Вставить⌘C / ⌘X / ⌘VCtrl+C / Ctrl+X / Ctrl+V
Вставить на место⇧⌘VCtrl+Shift+V
Вставить с заменой⇧⌘RCtrl+Shift+R
Копировать свойства / Вставить свойства⌥⌘C / ⌥⌘VCtrl+Alt+C / Ctrl+Alt+V
Копировать как PNG⇧⌘CCtrl+Shift+C
Копировать ссылку на слой⌘LCtrl+L
Переименовать слой⌘RCtrl+R
Удалить⌫ или DeleteBackspace или Delete
Найти и заменить…⌘FCtrl+F
Поместить изображение…⇧⌘KCtrl+Shift+K
Сохранить версию…⌥⌘SCtrl+Alt+S
Экспорт…⇧⌘ECtrl+Shift+E
Запустить прототип⌥⌘↵Ctrl+Alt+Enter
Выделение
КомандаmacOSWindows и Linux
Выделить всё⌘ACtrl+A
Выделить родителя / Выделить дочерние⇧↵ / ↵Shift+Enter / Enter
Следующий / Предыдущий слойTab / ⇧TabTab / Shift+Tab
Инвертировать выделение⇧⌘ACtrl+Shift+A
Выделить похожие слои⌥⌘ACtrl+Alt+A

Масштаб, вид и панели

Масштаб в редакторе меняют цифры с Shift, а цифры без модификаторов задают непрозрачность слоя (они в таблице «Расположение, порядок и слой» ниже). Режим «Код» — аналог Dev Mode, подробнее о нём на странице про дизайн в код.

Вид и встреча
КомандаmacOSWindows и Linux
Увеличить / Уменьшить⌘= / ⌘−Ctrl+= / Ctrl+−
Масштаб 100%⇧0Shift+0
Масштаб по размеру⇧1Shift+1
Масштаб по выделению⇧2Shift+2
Следующий / Предыдущий фреймN / ⇧NN / Shift+N
Предыдущая / Следующая страницаPage Up / Page DownPage Up / Page Down
Линейки⇧RShift+R
Пиксельная сетка⇧'Shift+'
Привязка к пиксельной сетке⇧⌘'Ctrl+Shift+'
Сетки макета⌃GCtrl+Shift+4
Режим контуров⌘YCtrl+Y
Аннотации на холсте⇧YShift+Y
Показать или скрыть интерфейс⌘\Ctrl+\
Свернуть интерфейс⇧\Shift+\
Слои / Ассеты⌥1 / ⌥2Alt+1 / Alt+2
Свернуть все слои⌥LAlt+L
Режим разработчика («Код»)⇧DShift+D
Чат у курсора во время встречи//

Автолейаут, компоненты и булевы операции

Эти клавиши нужны, когда собираете интерфейс из блоков: ⇧A оборачивает выделение в автолейаут, ⌥⌘K делает из него компонент. Как собрать компонент с вариантами, показано на примере кнопки с состояниями.

Объект, автолейаут, компоненты, булевы операции
КомандаmacOSWindows и Linux
Добавить автолейаут⇧AShift+A
Убрать автолейаут⌥⇧AAlt+Shift+A
Создать компонент⌥⌘KCtrl+Alt+K
Отсоединить экземпляр⌥⌘BCtrl+Alt+B
Использовать как маску⌃⌘MCtrl+Alt+M
Обводку в контур⌥⌘OCtrl+Alt+O
Поменять заливку и обводку⇧XShift+X
Сгладить⌘ECtrl+E
Объединение⌥⇧UAlt+Shift+U
Вычитание⌥⇧SAlt+Shift+S
Пересечение⌥⇧IAlt+Shift+I
Исключение⌥⇧XAlt+Shift+X

Выравнивание, порядок и слои

Выравнивание — это ⌥ с буквами A, H, D (по горизонтали) и W, V, S (по вертикали). Стрелки двигают выделение, а с ⌘ меняют его размер. Цифры ставят непрозрачность: 5 — это 50%, две цифры подряд задают точное значение, 0 — 100%.

Расположение, порядок и слой
КомандаmacOSWindows и Linux
Сгруппировать / Разгруппировать⌘G / ⇧⌘GCtrl+G / Ctrl+Shift+G
Обернуть во фрейм⌥⌘GCtrl+Alt+G
Подогнать под содержимое⌥⇧⌘RCtrl+Alt+Shift+R
Отразить по горизонтали / вертикали⇧H / ⇧VShift+H / Shift+V
По левому краю / центру по горизонтали / правому краю⌥A / ⌥H / ⌥DAlt+A / Alt+H / Alt+D
По верхнему краю / центру по вертикали / нижнему краю⌥W / ⌥V / ⌥SAlt+W / Alt+V / Alt+S
Распределить по горизонтали / вертикали⌃⌥H / ⌃⌥VAlt+Shift+H / Alt+Shift+V
Упорядочить⌃⌥TCtrl+Alt+Shift+T
Выше / Ниже⌘] / ⌘[Ctrl+] / Ctrl+[
На передний план / На задний план⌥⌘] / ⌥⌘[Ctrl+Alt+] / Ctrl+Alt+[
Сдвинуть на шаг / на крупный шагстрелки / ⇧ + стрелкистрелки / Shift + стрелки
Изменить размер на шаг / на крупный шаг⌘ + стрелки / ⇧⌘ + стрелкиCtrl + стрелки / Ctrl+Shift + стрелки
Скрыть/показать слой⇧⌘HCtrl+Shift+H
Закрепить/открепить слой⇧⌘LCtrl+Shift+L
Непрозрачность 10–90%1…91…9
Непрозрачность 100%00

Клавиши для текста

Сочетания работают и для выделенного текстового слоя целиком, и для части текста, которую вы выделили при наборе.

Текст
КомандаmacOSWindows и Linux
Жирный / Курсив / Подчёркнутый⌘B / ⌘I / ⌘UCtrl+B / Ctrl+I / Ctrl+U
Зачёркнутый⇧⌘XCtrl+Shift+X
Маркированный / Нумерованный список⇧⌘8 / ⇧⌘7Ctrl+Shift+8 / Ctrl+Shift+7
По левому краю / По центру / По правому краю / По ширине⌥⌘L / ⌥⌘T / ⌥⌘R / ⌥⌘JCtrl+Alt+L / T / R / J
Увеличить / Уменьшить шрифт⇧⌘. / ⇧⌘,Ctrl+Shift+. / Ctrl+Shift+,
Начертание жирнее / тоньше⌥⌘. / ⌥⌘,Ctrl+Alt+. / Ctrl+Alt+,
Межбуквенный интервал больше / меньше⌥. / ⌥,Alt+. / Alt+,
Межстрочный интервал больше / меньше⌥⇧. / ⌥⇧,Alt+Shift+. / Alt+Shift+,

Клавиши доски

У файла «Доска» свой набор клавиш, похожий на FigJam. Одна и та же буква значит на доске другое: S там ставит стикер, а в макете включает «Фрагмент». Что умеет сама доска, описано на странице онлайн-доски.

V
Перемещение
HПробел
Рука
S
Стикер
RO
Фигуры
X
Соединитель
L
Линия
⇧L
Прямой соединитель
T
Текст
⇧S
Секция
E
Штамп
M
Маркер
⇧M
Выделитель
⇧W
Васи-лента
⇧⌫
Ластик
C
Комментарии
⌘K
Действия
⌘↵
Следующий стикер рядом, во время набора
⇧⌘E
Экспорт доски
Доска. На Windows и Linux: ⇧⌫ — Shift+Backspace, ⌘K — Ctrl+K, ⌘↵ — Ctrl+Enter, ⇧⌘E — Ctrl+Shift+E.

Чем отличаются клавиши на Windows и Linux

Правило простое: ⌘ заменяется на Ctrl, ⌥ — на Alt, ⇧ — на Shift. ⌥⌘K превращается в Ctrl+Alt+K, ⇧⌘E — в Ctrl+Shift+E.

Сложности только с ⌃ (Control). Он встречается в пяти сочетаниях. Команда «Сочетания клавиш» (⌃⇧/) следует правилу и нажимается как Ctrl+Shift+/. Остальные четыре команды на Windows и Linux назначены на другие клавиши, так же как в Figma: если просто заменить ⌃ на Ctrl, они совпали бы с другими командами. Например, ⌃G превратилось бы в Ctrl+G, а это «Сгруппировать».

Четыре команды, у которых на Windows и Linux свои клавиши
КомандаmacOSWindows и Linux
Сетки макета⌃GCtrl+Shift+4
Использовать как маску⌃⌘MCtrl+Alt+M
Распределить по горизонтали / вертикали⌃⌥H / ⌃⌥VAlt+Shift+H / Alt+Shift+V
Упорядочить⌃⌥TCtrl+Alt+Shift+T

Работают ли горячие клавиши на русской раскладке

Да. Сочетания привязаны к физическим клавишам, а не к буквам, поэтому переключать раскладку не нужно. Клавиша, на которой нарисованы V и М, включает «Перемещение» в любой раскладке, а ⌘K на ЙЦУКЕН — это ⌘ и Л.

«Действия» тоже понимают раскладку: запрос, набранный не в той раскладке, всё равно находит команду. Искать можно по-русски и по-английски, названия команд Figma работают как синонимы.

Как найти сочетание в самом редакторе

Таблицы не нужно учить целиком. Начните с инструментов и десятка частых команд, остальное ищите в редакторе.

  1. Откройте «Сочетания клавиш»

    Нажмите ⌃⇧/ (на Windows и Linux Ctrl+Shift+/) или выберите в главном меню «Справка» → «Сочетания клавиш». В окне все клавиши редактора по группам и поиск по названию команды.

  2. Найдите команду в «Действиях»

    Нажмите ⌘K и начните вводить название. Клавиша команды показана рядом с ней, а саму команду можно сразу выполнить.

  3. Смотрите в главное меню

    В разделах «Правка», «Вид», «Объект», «Текст» и «Расположение» клавиша написана справа от пункта.

Что чаще всего путают

Большинство промахов — от привычек из других программ и от того, что одна буква значит разное в макете и на доске.

  • Цифры 1–9 и 0 без модификаторов меняют непрозрачность выделенного слоя. Масштаб — это ⇧0, ⇧1 и ⇧2.
  • ⌘Y (на Windows Ctrl+Y) включает «Режим контуров», а не повторяет действие. Повтор — ⇧⌘Z или Ctrl+Shift+Z.
  • ⌥⌘B не удаляет экземпляр, а отсоединяет его от компонента: слой остаётся, но перестаёт обновляться вместе с компонентом.
  • S в макете — «Фрагмент», ⇧S — «Секция», а на доске S ставит стикер.
  • Четыре команды с ⌃ на Windows нажимаются по-своему, см. таблицу выше.

Morfa — редактор интерфейсов в браузере

Компоненты, автолейаут, прототипы, совместная работа и код React. Без VPN, с оплатой в рублях.

0 ₽
План «Бесплатный»: 10 файлов, все инструменты и экспорт, без срока
990 ₽
в месяц за план «Профессиональный» или 790 ₽ при оплате за год; 20 ГБ картинок
Figma → Morfa
Импорт файлов по ссылке, бесплатно на любом плане
Без VPN
Открывается в браузере из России, без установки

Вопросы

Что чаще всего спрашивают о теме «Горячие клавиши».

Работают ли горячие клавиши на русской раскладке?

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

Как нажимать сочетания с ⌘ на Windows?

Вместо ⌘ нажимайте Ctrl, вместо ⌥ — Alt, вместо ⇧ — Shift: ⌥⌘K становится Ctrl+Alt+K. Свои клавиши на Windows и Linux только у четырёх команд: «Сетки макета», «Использовать как маску», «Распределить…» и «Упорядочить».

Где посмотреть все сочетания клавиш в редакторе?

Нажмите ⌃⇧/ (на Windows и Linux Ctrl+Shift+/) или выберите в главном меню «Справка» → «Сочетания клавиш». В окне есть поиск по названию команды.

Совпадают ли горячие клавиши с Figma?

Да, Morfa повторяет клавиши Figma, включая четыре команды, которые на Windows назначены иначе. Если вы учились по курсу для Figma, его сочетания подойдут. Как перенести сами макеты, описано в гайде по переносу из Figma.

Почему 0 меняет прозрачность, а не масштаб?

Цифра без модификатора задаёт непрозрачность выделенного слоя: 0 — 100%, 1–9 — от 10% до 90%. Масштаб 100% включает ⇧0 (Shift+0).

Начните с шаблона или с файла из Figma

Бесплатно — 10 файлов, все инструменты и экспорт. Карта не нужна.