Сочетания горячих клавиш фигмы для сетки, текста, слоев, фреймов, линеек и т д
Автор — Ян Агеенко
Дизайнер с 20-летним опытом работы. Арт-директор в собственной студии. Основатель Гильдии дизайнеров, автор книги «Как стать дизайнером с нуля»
Сегодня поговорим о часто используемых быстрых комбинациях клавиш в фигме. Узнаем как с их помощью показать или скрыть сетку, превратить текст в вектор, включить или выключить линейки и направляющие. В конце статьи я также приведу полный список сочетаний горячих клавиш фигмы на русском языке для разных операционных систем.
Содержание урока
- Видео-версия урока
- Горячие клавиши чтобы включить или убрать сетку в фигме
- Быстрые клавиши в фигме для линейки и направляющих линий
- Горячие клавиши для текста и его перевода в вектор в фигме
- Сочетания горячих клавиш для слоев и фреймов в фигме
- Комбинации горячих клавиш для компонентов в фигме
- Часто используемые комбинации клавиш в фигме
- Полный список горячих клавиш в фигме на русском языке для Windows и Mac OS
Видео-версия урока
Горячие клавиши чтобы включить или убрать сетку в фигме
В фигме существует несколько разновидностей сеток, и для того чтобы их показать или скрыть, существуют разные комбинации клавиш.
Скрыть или показать сетку (Layout Grid) можно одновременно нажав Ctrl Shift 4 (На Windows) или Ctrl G (на Mac OS). При этом скроются или покажутся сетки во всех фреймах на странице. Данная функция не распространяется на сетки, которые были скрыты/показаны с помощью иконки глаза рядом с названием сетки.

Включить или отключить отображение пиксельной сетки (Pixel Grid) можно сочетанием горячих клавиш Shift ‘
Быстрые клавиши в фигме для линейки и направляющих линий
Наряду с сеткой многие дизайнеры также часто пользуются линейками и направляющими линиями. Это нужно при работе с нестандартными композициями и часто используется как вспомогательный инструмент для выравниваний различных элементов.
Включить или убрать линейки и направляющие линии можно простой комбинацией Shift R — оно работает одинаково на Windows и Mac OS.

Горячие клавиши для текста и его перевода в вектор в фигме
Чтобы выбрать инструмент текст, достаточно просто нажать латинскую букву T на клавиатуре.
Увеличить размер текста — Ctrl Shift > (для Windows) или Cmd Shift > (для Mac OS). Уменьшить — Ctrl Shift < или Cmd Shift < соответственно.
Сделать шрифт жирным (bold), наклонным (italic) или подчеркнутым (underline) — Ctrl b/i/u (на Windows) или Cmd b/i/u (на Mac OS).
Перевести текст в вектор — Alt Shift F (на Windows) или Option Shift F (на Mac).

Сочетания горячих клавиш для слоев и фреймов в фигме
Для создание нового слоя горячие клавиши в фигме не требуются, так как слои автоматически создаются при добавлении любого элемента — фигуры, текста, фрейма и так далее.
Скопировать / вставить слой, как и в других программах, можно стандартным сочетанием Ctrl C / Ctrl V (на винде) или Cmd C / Cmd V (на маке). Также можно быстро создать копию слоя с помощью Ctrl D (Cmd D).
Объединить два выделенных слоя в один (Union selection) можно комбинацией Alt Shift U (Windows) или Option Shift U (Mac). Аналогичным образом можно выполнить и другие булевы операции — Intersct, Subtract, Exclude. Горрячие клавиши будут те же, только вместо U ставим первую букву нужной нам операции.
Для создания нового фрейма необходимо воспользоваться инструментом Frame, выбрать который можно просто нажав кнопку F на клавиатуре.
Обернуть один или несколько слоев в общий фрейм поможет комбинация Ctrl Alt G (Windows) или Option Cmd G (Mac). Создать из выделенных слоев группу (Group selection) — Ctrl G (Windows) или Cmd G (Mac).
Разгруппировать фрейм, секцию или группу слоев — Shift Ctrl G (Windows) или Shift Cmd G (Mac)
Комбинации горячих клавиш для компонентов в фигме
Создать новый компонент из выделенных слоев — Ctrl Alt K (Windows) или Option Command K (Mac).
Убрать компонент (Detach Instance) — Ctrl Alt B (Windows) или Option Command B (Mac). Обращаю внимание, что эта функция работает только для дочерних компонентов. Если вам нужно убрать родительский компонент, при этом оставим его содержимое, создайте его копию, сделайте ей Detach Instance и после этого удалите родительский компонент.
Часто используемые комбинации клавиш в фигме
Здесь и далее сначала я буду указывать сочетание клавиш для Windows, а в скобках — для Mac OS.
Показать или скрыть интерфейс фигмы — Ctrl \ (Cmd \)
Вернуться назад (отменить последнее действие) — Ctrl Z (Cmd Z)
Сделать или отменить маску — Ctrl Alt M (Ctrl Cmd M)
Выбрать инструмент пипетка — просто нажать латинскую букву i на клавиатуре
Создать автолейаут из выделенных слоев — Shift A
Включить или выключить режим контуров (Outlines) — Ctrl Shift O (Cmd Shift O)
Полный список горячих клавиш в фигме на русском языке для Windows и Mac OS
Tools (Инструменты):
Move (Перемещение) — V (одинаково на Windows и Mac OS)
Frame (Фрейм) — F
Pen (Перо) — P
Pencil (Карандаш) — Shift P
Text (Текст) — T
Rectangle (Прямоугольник) — R
Elipse (Эллипс) — O
Line (Линия) — L
Arrow (Стрелка) — Shift L
Comments (Комментарии) — C
Pick color (Выбор цвета, пипетка) — i
Slice (Нож, слайс) — S
View (Просмотр):
Show/Hide UI (Показать/скрыть интерфейс) — Ctrl \ на Windows (Cmd \ на Mac OS)
Multiplayer cursors (Показать/скрыть курсоры других пользователей) — Ctrl Alt \ (Option Cmd \)
Open Dev Mode (Открыть режим разработчика / дизайнера) — Shift D
Rulers (Показать/скрыть линейки) — Shift R
Outlines (Включить/выключить режим контуров) — Ctrl Shift O (Shift Cmd O)
Pixel preview (Пиксельный предпросмотр) — Ctrl Shift P (Shift Cmd P)
Layout grids (Сетки) — Shift G
Pixel grid (Пиксельная сетка) — Shift ‘
Layers panel (Панель слоев) — Alt 1 (Option 1)
Assets (Панель ресурсов) — Alt 2 (Option 2)
Team library (Библиотека команды) — Alt 3 (Option 3)
Design panel (Панель дизайна) — Alt 8 (Option 8)
Prototype panel (Панель прототипа) — Alt 9 (Option 9)
Zoom (Масштаб):
Pan (Перемещение по рабочему пространству) — Зажать пробел и потянуть мышкой
Zoom in (Увеличить масштаб) — Ctrl + на Windows (Cmd + на Mac OS), также можно зажать Cmd и покрутить колесиком мыши вверх
Zoom out (Уменьшить масштаб) — Ctrl + (Cmd -), также можно зажать Cmd и покрутить колесиком мыши вниз
Zoom to 100% (Показать в реальном масштабе) — Ctrl 0 (Cmd 0)
Zoom to fit (Показать всё сразу) — Shift 1
Zoom to selection (Показать выделенную область) — Shift 2
Zoom to next frame (Показать следующий фрейм) — N
Zoom to previous frame (Показать предыдущий фрейм) — Shift N
Previous page (Предыдущая страница) — Page up
Next page (Следующая страница) — Page Down
Find previous frame (Найти предыдущий фрейм) — Home
Find next frame (Найти следующий фрейм) — End
Text (Текст):
Bold (Сделать жирным) — Ctrl B на Windows (Cmd B на Mac OS)
Italic (Сделать курсивом) — Ctrl i (Cmd i)
Underline (Подчеркнуть) — Ctrl U (Cmd U)
Create link (Создать ссылку) — Ctrl Shift U (Shift Cmd U)
Strikethrough (Зачеркнуть) — Ctrl Shift X (Shift Cmd X)
Turn into a list (Превратить в нумерованный или ненумерованный список) — Ctrl Shift 7 или 8 (Shift Cmd 7 или 8)
Text align left (Выровнять текст по левому краю) — Ctrl Alt L (Option Cmd L)
Text align center (Выровнять текст по центру) — Ctrl Alt T (Option Cmd T)
Text align right (Выровнять текст по правому краю) Ctrl Alt R — (Option Cmd R)
Text align justified (Выровнять текст по ширине) Ctrl Alt J — (Option Cmd J)
Adjust font size (Изменить размер шрифта) — Ctrl Shift < или > (Shift Cmd < или >)
Adjust font weight (Изменить толщину шрифта) — Ctrl Alt < или > (Option Cmd < или >)
Adjust letter spacing (Изменить расстояние между буквами) Alt < или > — (Option < или >)
Adjust line height (Изменить высоту строки) — Alt Shift < или > (Option Shift < или >)
Shape (Фигуры и формы):
Pen (Перо) — P (одинаково на Windows и Mac OS)
Pencil (Карандаш) — Shift P
Remove fill (Убрать заливку) — Alt / на Windows (Option / на Mac OS)
Remove stroke (Убрать обводку) — Shift /
Swap fill and stroke (Поменять местами задивку и обводку) — Shift X
Outline stroke (Превратить обводку в векторную фигуру) — Ctrl Alt O (Option Cmd O)
Flatten selection (Объединить в единую векторную фигуру) — Alt Shift F (Option Shift F)
While editing a shape (во время редактирования векторных фигур):
Paint bucket (заливка) — B
Bend tool (изгиб) — Ctrl (Cmd)
After selecting points (после выбора точек):
Join selection (соединить выбранные точки) — Ctrl J (Cmd J)
Smooth join selection (плавно соединить выбранные точки) — Ctrl Shift J (Shift Cmd J)
Delete and heal selection (удалить выбранные точки и восстановить фигуру) — Shift Backspace
Selection (Выделение):
Select All (Выделить всё) — Ctrl A на Windows (Cmd А на Mac OS)
Select inverse (Инвертировать выделение) — Ctrl Shift A (Shift Cmd A)
Select none (Убрать выделение) — Esc
Deep select (Глубокое выделение) — Ctrl (Cmd) и клик мышкой
Select children (Выделить дочерние элементы) — Enter
Select parent (Выделить родительский элемент) — \
Select next sibling (Выделить следующий элемент того уже уровня) — Tab
Select previous sibling (Выделить предыдущий элемент того уже уровня) — Shift Tab
Select matching layers (Выделить подобные слои) — Ctrl Alt A (Option Cmd A)
Group selection (Объединить выбранные слои в группу) — Ctrl G (Cmd G)
Ungroup selection (Разгруппировать) — Ctrl Backspace (Cmd Backspace)
Frame selection (Объединить в фрейм) — Ctrl Alt G (Option Cmd G)
Show/Hide selection (Сделать слои видимыми/невидимымы) — Ctrl Shift H (Shift Cmd H)
Lock/Unlock selection (Заблокировать/разблокировать слои) — Ctrl Shift L (Shift Cmd L)
Cursor (Курсор):
While pointing (при наведении):
Measure to selection (показать расстояние до выделенного объекта) — Alt на Windows (Option на Mac OS)
While moving (при движении):
Duplicate selection (создать дубликат выделенного объекта) — Alt (Option)
While clicking (при клике):
Deep select (глубокое выделение) — Ctrl (Cmd) и клик мышкой
While dragging to select (во время выделения мышкой):
Deep select within rectangle (глкбокое выделение) — Ctrl (Cmd) и выделение мышкой
While resizing (при изменении размеров):
Resize from center (изменять размер от центра) — Alt (Option)
Resize proportionally (изменять размер пропорционально) — Shift
Crop images / ignore frame constraints (обрезать картинку / игнорировать привязки у фрейма) — Ctrl (Cmd)
Edit (Редактирование):
Copy (скопировать) — Ctrl C на Windows (Cmd C на Mac OS)
Cut (вырезать) — Ctrl X (Cmd X)
Paste (вставить) — Ctlr V (Cmd V)
Paste to replace (вставить вместо выделенного элемента) — Ctrl Shift R (Shift Cmd R)
Paste over selection (вставить поверх выделенного элемента) — Ctrl Shift V (Shift Cmd V)
Duplicate (создать дубликат) — Ctrl D (Cmd D)
Rename selection (переименовать выделенный объект) — Ctrl R (Cmd R)
Export (экспортировать) — Ctrl Shift E (Shift Cmd E)
Find (найти) — Ctrl F (Cmd F)
Copy as PNG (скопировать как ПНГ) — Ctrl Shift C (Shift Cmd C)
Copy properties (скопировать свойства слоя) — Ctrl Alt C (Option Cmd C)
Paste properties (вставить свойства слоя) — Ctrl Alt V (Option Cmd V)
Transform (Трансформация):
Flip horizontal (отразить горизонтально) — Shift H
Flip vetrical (отразить вертикально) — Shift V
Use as mask (применить как маску) — Ctlr Alt M на Windows (Ctrl Cmd M на Mac OS)
Edit shape or image (редактировать векторную фигуру или картинку) — Enter
Place image (вставить картинку) — Ctrl Shift K (Shift Cmd K)
Set opacity to (установить непрозрачность):
0% — 00 (поочередно два раза)
10% — 1
…
90% — 9
100% — 0
Arrange (Упорядочивание):
Bring forward (переместить выше по слоям) — Ctrl ] на Windows (Cmd ] на Mac OS)
Send backward (переместить ниже по слоям) — Ctrl [ (Cmd [)
Bring to front (переместить по слоям в самый верх) — ]
Send to back (переместить по слоям в самый низ) — [
Align left/right (Выровнять по левому или правому краю) — Alt A или D (Option A или D)
Align top/bottom (Выровнять по верху или низу) — Alt W или S (Option W или S)
Align centers (Выровнять центрально по горизонтали/вертикали) — Alt H или V (Option H или V)
Distribute spacing (сделать одинаковые отступы) — Alt Shift H или V (Ctrl Option H или V)
Tidy up (упорядочить) — Ctrl Alt Shift T (Ctrl Option T)
Add auto layout (добавить автолейаут) — Shift A
Remove auto layout (убрать автолейаут) — Alt Shift A (Option Shift A)
Suggest auto layout (предложить автолейаут) — Ctrl Alt Shift A (Ctrl Shift A)
Components (Компоненты):
Show assets (показать ресурсы) — Alt 2 на Windows (Option 2 на Mac OS)
Team library (библиотека команды) — Alt 3 (Option 3)
Create component (создать компонент) — Ctrl Alt K (Option Cmd K)
Datach instance (убрать привязку к компоненту) — Ctrl Alt B (Option Cmd B)
Component Search (найти компонент) — Shift i
While inserting a component (при вставке компонента):
Swap component instance (изменить образец компонента) — Alt (Option)
Другие полезные уроки по фигме
Как сделать обводку, тень, подчеркивание или ссылку текста в фигме
Сегодня поговорим о различных эффектах, которые можно применить к тексту в Figma, а именно про его подчеркивание, обводку и тень. Также разберемся, как можно сделать кликабельную ссылку в этом графическом редакторе.
Размеры визиток, листов А4, сайтов, баннеров, карточек и других фреймов в фигме
В этом уроке мы рассмотрим наиболее популярные размеры фреймов для дизайна в фигме. Разберемся с размерами для мобильных приложений, сайтов, визиток, листов А3, А4, А5 и других форматов. Рекомендую посмотреть видео-версию урока, в ней всё будет показано максимально наглядно и на конкретных примерах.
Как изменять текст в фигме (шрифт, размер, жирность, цвет, наклон)
В этом уроке мы разберемся, как проводить различные изменения текста в фигме: как поменять его шрифт, увеличить или уменьшить размер, выделить цветом, сделать жирным или наклонным. Все эти приемы редактирования проиллюстрируем на конкретных примерах.
