Как стать автором
Обновить

Горячие клавиши в Figma с пояснением на русском

Уровень сложностиПростой
Время на прочтение9 мин
Количество просмотров894

Горячие клавиши в Figma (Keyboard Shortcuts) — это отличный способ работать быстрее и эффективнее. В этой статье мы разберём, как найти список горячих клавиш прямо в Figma и какие действия скрываются за каждой командой.

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

Как найти список горячих клавиш в Figma

В Figma есть встроенная панель с основными сочетаниями клавиш. Её можно вызвать одним из трех способов:

Способ 1: через иконку вопроса

Кликните на значок вопроса в правом нижнем углу интерфейса и выберите «Keyboard Shortcuts».

Найти список горячих клавиш в Figma можно через знак вопроса, расположенный в правом углу интерфейса
Найти список горячих клавиш в Figma можно через знак вопроса, расположенный в правом углу интерфейса

Способ 2: через меню

Перейдите в меню, нажав на иконку Figma в левом верхнем углу интерфейса программы, затем откройте «Help and Account» → «Keyboard Shortcuts».

Найти список горячих клавиш в Figma можно через меню
Найти список горячих клавиш в Figma можно через меню

Способ 3: через сочетание клавиш

Пожалуй, самый быстрый способ вызвать панель с горячими клавишами — использовать горячие клавиши:

  • на Windows — Ctrl + Shift + ?

  • на Mac — Cmd + Shift + ?

Я открыл список горячих клавиш, но ничего непонятно

После того как вы воспользуетесь одним из предложенных способов, откроется панель с основными горячими клавишами Figma. Для удобства они сгруппированы по категориям: Tools (инструменты), View (Просмотр), Zoom (масштаб) и другие. Чтобы посмотреть горячие клавиши по интересующему вас действию, перейдите во вкладку, к которой оно относится.

Панель с горячими клавишами в Figma
Панель с горячими клавишами в Figma

Нюансы:

  • Комбинации, которые вы уже использовали, программа выделяет с помощью голубого цвета.

  • Пояснения к горячим клавишам отображаются на языке, который установлен в Figma как основной. На момент написания статьи доступны английский, китайский и испанский. Если вы не знаете иностранный язык, это может быть неудобно. Здесь на помощь придёт наша статья — ниже мы представим на русском пояснения к комбинациям, которые показывает Figma.

  • Сочетания клавиш Figma по умолчанию основаны на раскладке американской QWERTY-клавиатуры. Если у вас другая раскладка, некоторые действия могут работать под другими комбинациями клавиш или вовсе отсутствовать. Чтобы получить доступ к сочетаниям клавиш, сопоставимым с вашей раскладкой, обновите раскладку клавиатуры в настройках программы.

Горячие клавиши в Figma на русском

Tools — инструменты

Горячие клавиши в разделе Tools помогают переключаться между основными инструментами в Figma.

Команда

Пояснение

Windows

macOS

Move tool

Позволяет перемещать объекты на холсте

V

V

Frame tool

Позволяет создать фрейм

F

F

Pen tool

Позволяет рисовать с помощью кривых и углов

P

P

Pencil tool

Позволяет рисовать свободные линии и формы от руки

Shift + P

Shift + P

Text tool

Позволяет создавать и редактировать текст

T

T

Rectangle tool

Позволяет создавать прямоугольные и квадратные формы

R

R

Ellipse tool

Позволяет создавать круги и овалы

O

O

Line tool

Позволяет рисовать прямые линии

L

L

Arrow tool

Позволяет создать векторную стрелку

Shift + L

Shift + L

View comments

Позволяет просматривать и добавлять комментарии в проекте

C

C

Pick color

Позволяет выбрать цвет с любой области на холсте

I

I

Slice tool

Позволяет создавать срезы или области, которые можно экспортировать отдельно

S

S

Запомнить горячие клавиши из раздела Инструменты проще всего. Большая часть из них соответствует первой букве названия самого инструмента на английском. Например, для выбора Pen ToolP, для Text ToolT.

View — просмотр

Горячие клавиши в разделе View помогают управлять рабочим пространством.

Команда

Пояснение

Windows

macOS

Show/Hide UI

Cкрывает / показывает боковые панели интерфейса программы слева и справа

Ctrl + \

Cmd + \

Multiplayer cursors

Cкрывает / показывает курсоры других пользователей

Ctrl + Alt + \

Cmd + Alt + \

Open Dev Mode

Cкрывает / показывает режим разработки

Shift + D

Shift + D

Rulers

Cкрывает / показывает линейки

Shift + R

Shift + R

Show outlines

Cкрывает / показывает контуры всех объектов на холсте

Ctrl + Shift + O

Cmd + Shift + O

Pixel Preview

Позволяет увидеть, как будет выглядеть работа в растровом формате (JPG, PNG)

Ctrl + Shift + P

⌃ + P

Layout grids

Cкрывает / показывает сетки макета

Shift + G

⌃ + G

Pixel grid

Cкрывает / показывает пиксельную сетку

Shift + '

Cmd + '

Open layers panel

Позволяет переключиться на панель слоев (Layers), которая находится в левой части интерфейса

Alt + 1

Alt + 1

Show assets

Позволяет переключиться на панель  Assets, которая находится в левой части интерфейса

Alt + 2

Alt + 2

Team library

Cкрывает / показывает командную библиотеку

Alt + 3

Alt + 3

Open design panel

Позволяет переключиться на дизайн-панель (Design) в правой части интерфейса

Alt + 8

Alt + 8

Open prototype panel

Позволяет переключиться на прототип-панель (Prototype) в правой части интерфейса

Alt + 9

Alt + 9

Zoom — масштабирование

Горячие клавиши в разделе Zoom помогают управлять видимостью рабочего пространства.

Команда

Пояснение

Windows

macOS

Pan

Позволяет переместить рабочее пространство

Space + drag

Space + drag

Zoom in

Приближает рабочую область в 2 раза

Ctrl +

Cmd +

Zoom out

Отдаляет рабочую область в 2 раза

Ctrl -

Cmd -

Zoom to 100%

Устанавливает масштаб холста на 100%, позволяя увидеть объект в его реальном размере

Ctrl + 0

Shift + 0

Zoom to fit

Ставит в видимую рабочую область все объекты на холсте

Shift + 1

Shift + 1

Zoom to selection

Ставит в рабочую область выделенный слой на максимальном масштабе

Shift + 2

Shift + 2

Zoom to next frame

Ставит в рабочую область следующий на панели слоев фрейм

N

N

Zoom to previous frame

Ставит в рабочую область предыдущий на панели слоев фрейм

Shift + N

Shift + N

Previous page

Позволяет перейти к предыдущей странице проекта

Page Up

Page Up

Next page

Позволяет перейти к следующей странице проекта

Page Down

Page Down

Find previous frame

Позволяет перейти к предыдущему фрейму на холсте

Home

Home

Find next frame

Позволяет перейти к следующему фрейму на холсте

End

End

Text — текст

Горячие клавиши в разделе Text помогают управлять стилями текстовых элементов.

Команда

Пояснение

Windows

macOS

Bold/Italic

Делает текст жирным / курсивом

Ctrl + B или I

Cmd + B или I

Underline

Делает текст подчеркнутым

Ctrl + U

Cmd + U

Create link

Позволяет преобразовать текст в ссылку

Ctrl + K

Cmd + K

Strikethrough

Позволяет перечеркнуть текст

Ctrl + Shift + X

Cmd + Shift + X

Turn into a list

Позволяет оформить текст в виде маркированного или нумерованного списка

Ctrl + Shift + 7 или 8

Cmd + Shift + 7 или 8

Text align left

Выравнивает текст по левому краю

Ctrl + Alt + L

Cmd + Alt + L

Text align center

Выравнивает текст по центру

Ctrl + Alt + T

Cmd + Alt + T

Text align right

Выравнивает текст по правому краю

Ctrl + Alt + R

Cmd + Alt + R

Text align gustified

Выравнивает текст по ширине, распределяя слова так, чтобы строки занимали всю доступную ширину блока — от левого до правого края

Ctrl + Alt + J

Ctrl + Alt + J

Adjust font size

Позволяет увеличить или уменьшить размер шрифта

Ctrl + Shift + < или >

Cmd + Shift + < или >

Adjust font weight

Позволяет увеличить или уменьшить вес (толщину) шрифта

Ctrl + Alt + < или >

Cmd + Alt + < или >

Adjust letter spacing

Позволяет увеличить или уменьшить расстояние между буквами

Alt + < или >

Alt + < или >

Adjust line height

Позволяет увеличить или уменьшить расстояние между строками

Alt + Shift + < или >

Shift + Alt + < или >

Shape — форма

Горячие клавиши в разделе Shape помогают создавать и редактировать фигуры.

Команда

Пояснение

Windows

macOS

Pen Tool

Позволяет рисовать новые векторные фигуры или редактировать уже существующие

P

P

Pencil Tool

Позволяет рисовать произвольные линии от руки

Shift + P

Shift + P

Paint Bucket

Позволяет залить замкнутые контуры, если работаете в режиме редактирования вектора

B

B

Remove Fill

Удаляет заливку объектов

Alt + /

Alt + /

Remove Stroke

Удаляет обводку объектов

Swap Fill and Stroke

Меняет местами цвета обводки и заливки у объекта

Shift + X

Shift + X

Flatten Selection

Объединяет несколько объектов в один

Ctrl + E

Cmd + E

Outline stroke

Преобразовывает в кривые (например, текст)

Ctrl + Alt + O

Cmd + Alt + O

Join Selection

Позволяет соединить точки

Ctrl + J

Cmd + J

Delete and Heal Selection

Позволяет удалить опорную точку, не разрывая контура

Shift + ⌫

Shift + ⌫

Selection — выделение

Горячие клавиши в разделе Selection помогают выбирать, перемещать и редактировать элементы на холсте.

Команда

Пояснение

Windows

macOS

Select All

Выделяет все элементы на холсте

Ctrl + A

Cmd + A

Select Inverse

Выделяет все элементы на холсте, кроме выбранных

Ctrl + Shift + A

Cmd + Shift + A

Select None

Снимает выделение с объектов

Esc

Esc

Deep Select

Позволяет выбрать объект внутри группы или компонента (сквозной выбор)

Ctrl + Click

Cmd + Click

Select Children

Выделяет все дочерние элементы внутри группы или компонента

Enter

Enter

Select Parent

Выделяет родительский элемент

\

\

Select Next Sibling

Выделяет следующий элемент в панели слоев

Tab

Tab

Select Previous Sibling

Выделяет предыдущий элемент в панели слоев

Shift + Tab

Shift + Tab

Select Matching Layers

Выделяет все совпадающие слои

Ctrl + Alt + A

Cmd + Alt + A

Group Selection

Позволяет сгруппировать элементы

Ctrl + G

Cmd + G

Ungroup Selection

Позволяет разгруппировать элементы

Ctrl + ⌫

Cmd + Shift + G

Frame Selection

Собирает выбранные элементы в новый фрейм

Ctrl + Alt + G

Cmd + Alt + G

Show/Hide Selection

Позволяет скрыть / показать выбранные элементы

Ctrl + Shift + H

Cmd + Shift + H

Lock/Unlock Selection

Позволяет заблокировать или разблокировать выбранные элементы

Ctrl + Shift + L

Cmd + Shift + L

Edit — редактирование

Горячие клавиши в разделе Edit позволяют быстро копировать, вырезать, вставлять, дублировать и удалять объекты, а также работать с их свойствами, переименовывать и экспортировать элементы.

Команда

Пояснение

Windows

macOS

Copy

Копирует выбранный объект в буфер обмена

Ctrl + C

Cmd + C

Cut

Вырезает выбранный объект и помещает его в буфер обмена

Ctrl + X

Cmd + X

Paste

Вставляет ранее скопированный или вырезанный объект

Ctrl + V

Cmd + V

Paste to replace

Вставляет объект, заменяя собой выбранный.

Ctrl + Shift + R

Cmd + Shift + R

Paste over selection

Вставляет объект точно поверх выбранного элемента, сохраняя его позицию

Ctrl + Shift + V

Cmd + Shift + V

Duplicate

Создаёт точную копию выбранного объекта рядом с оригиналом

Ctrl + D

Cmd + D

Rename selection

Позволяет переименовать выбранный объект или группу

Ctrl + R

Cmd + R

Export

Позволяет сохранить выбранный объект как файл (например, PNG, JPG, SVG или PDF)

Ctrl + Shift + E

Cmd + Shift + E

Find

Позволяет искать объекты или текст в проекте

Ctrl + F

Cmd + F

Copy as PNG

Копирует выбранный объект в буфер обмена в формате PNG

Ctrl + Shift + C

Cmd + Shift + C

Copy properties

Копирует стили и свойства выбранного объекта (например, цвет, шрифт, тень) для последующего использования

Ctrl + Alt + C

Cmd + Alt + C

Paste properties

Вставляет скопированные стили и свойства на выбранный объект

Ctrl + Alt + V

Cmd + Alt + V

Transform — трансформирование

Горячие клавиши в разделе Transform позволяют работать с прозрачностью и свойствами элементов.

Команда

Пояснение

Windows

macOS

Flip horizontal

Отражает выбранный объект по горизонтали

Shift + H

Shift + H

Flip vertical

Отражает выбранный объект по вертикали

Shift + V

Shift + V

Use as mask

Превращает выбранный объект в маску, скрывая часть других объектов за его пределами

Ctrl + Alt + M

Cmd + Alt + M

Edit shape or image

Позволяет редактировать векторную форму или изображение

Enter

Enter

Place image…

Позволяет вставить изображение из файла или с устройства в проект Figma

Ctrl+ Shift + K

Cmd + Shift + K

Set opacity to 0%

Устанавливает непрозрачность выбранного объекта на 0%, делая его полностью прозрачным

0 0

0 0

Set opacity to 10%

Устанавливает непрозрачность выбранного объекта на 10%, делая его почти прозрачным

1

1

Set opacity to 50%

Устанавливает непрозрачность выбранного объекта на 50%, делая его полупрозрачным

5

5

Set opacity to 100%

Устанавливает непрозрачность выбранного объекта на 100%, делая его полностью видимым

0

0

Arrange — выравнивание

Горячие клавиши в разделе Arrange помогают быстро управлять расположением объектов на холсте.

Команда

Пояснение

Windows

macOS

Bring forward

Перемещает выбранный объект на один уровень выше в слоях, приближая его к переднему плану

Ctrl + ]

Cmd + ]

Send backward

Перемещает выбранный объект на один уровень ниже в слоях, отправляя его на задний план

Ctrl + [

Cmd + [

Bring to front

Перемещает выбранный объект на самый передний слой, полностью перед другими элементами

]

Cmd + Alt + ]

Send to back

Перемещает выбранный объект на самый задний слой, полностью за другими элементами

[

Cmd + Alt + [

Align left

Выравнивает выбранные объекты по левому краю относительно самого левого объекта или холста

Alt + A

Alt + A

Align right

Выравнивает выбранные объекты по правому краю относительно самого правого объекта или холста

Alt + D

Alt + D

Align top

Выравнивает выбранные объекты по верхнему краю относительно самого верхнего объекта или холста

Alt + W

Alt + W

Align bottom

Выравнивает выбранные объекты по нижнему краю относительно самого нижнего объекта или холста

Alt + S

Alt + S

Align center

Выравнивает выбранные объекты по центру относительно холста или других объектов

Alt + H и V

Alt + H и V

Distribute spacing

Равномерно распределяет пространство между выбранными объектами

Alt + Shift + H и V

Alt + Shift + H и V

Tidy up

Автоматически выравнивает и упорядочивает выбранные объекты

Ctrl + Alt + Shift + T

⌃ + Alt + T

Add auto layout

Добавляет auto layout и распределение элементов внутри фрейма

Shift + A

Shift + A

Remove auto layout

Удаляет auto layout внутри фрейма, возвращая объекты в обычное состояние

Alt + Shift + A

Alt + Shift + A

Suggest auto layout

Добавляет автоматический auto layout. То есть Figma сама определяет, к каким объектам и как его применить

Ctrl + Alt + Shift + A

Cmd + Shift + A

Components — компоненты

Горячие клавиши в разделе Components помогают работать с компонентами и их инстанциями

Команда

Пояснение

Windows

macOS

Show assets

Открывает панель Assets

Alt + 2

Alt + 2

Team library

Позволяет подключить и использовать библиотеки компонентов, стилей и активов, доступных в команде или проекте

Alt + 3

Alt + 3

Create component

Превращает выбранный объект или группу объектов в компонент

Ctrl + Alt + K

Cmd + Alt + K

Detach instance

Отвязывает выбранную инстанцию от компонента, превращая её в обычный объект

Ctrl + Alt + B

Cmd + Alt + B

Component search

Позволяет быстро найти нужный компонент в проекте или библиотеке с помощью строки поиска

Shift + I

Shift + I

Swap component instance

Позволяет заменить текущий экземпляр компонента на другой выбранный компонент из библиотеки или проекта

Alt

Alt

Теги:
Хабы:
+6
Комментарии0

Публикации

Работа

Веб дизайнер
20 вакансий

Ближайшие события