Горячие клавиши в Figma (Keyboard Shortcuts) — это отличный способ работать быстрее и эффективнее. В этой статье мы разберём, как найти список горячих клавиш прямо в Figma и какие действия скрываются за каждой командой.
Когда я работала в школе дизайна, дети часто спрашивали, как быстро заучить все горячие клавиши. Ответ прост — не нужно их заучивать. Те сочетания, которые вы будете использовать чаще всего, запомнятся сами собой в процессе работы.
Как найти список горячих клавиш в Figma
В Figma есть встроенная панель с основными сочетаниями клавиш. Её можно вызвать одним из трех способов:
Способ 1: через иконку вопроса
Кликните на значок вопроса в правом нижнем углу интерфейса и выберите «Keyboard Shortcuts».
Способ 2: через меню
Перейдите в меню, нажав на иконку Figma в левом верхнем углу интерфейса программы, затем откройте «Help and Account» → «Keyboard Shortcuts».
Способ 3: через сочетание клавиш
Пожалуй, самый быстрый способ вызвать панель с горячими клавишами — использовать горячие клавиши:
на Windows — Ctrl + Shift + ?
на Mac — Cmd + Shift + ?
Я открыл список горячих клавиш, но ничего непонятно
После того как вы воспользуетесь одним из предложенных способов, откроется панель с основными горячими клавишами Figma. Для удобства они сгруппированы по категориям: Tools (инструменты), View (Просмотр), Zoom (масштаб) и другие. Чтобы посмотреть горячие клавиши по интересующему вас действию, перейдите во вкладку, к которой оно относится.
Нюансы:
Комбинации, которые вы уже использовали, программа выделяет с помощью голубого цвета.
Пояснения к горячим клавишам отображаются на языке, который установлен в Figma как основной. На момент написания статьи доступны английский, китайский и испанский. Если вы не знаете иностранный язык, это может быть неудобно. Здесь на помощь придёт наша статья — ниже мы представим на русском пояснения к комбинациям, которые показывает Figma.
Сочетания клавиш Figma по умолчанию основаны на раскладке американской QWERTY-клавиатуры. Если у вас другая раскладка, некоторые действия могут работать под другими комбинациями клавиш или вовсе отсутствовать. Чтобы получить доступ к сочетаниям клавиш, сопоставимым с вашей раскладкой, обновите раскладку клавиатуры в настройках программы.
Горячие клавиши в Figma на русском
Далее пойдут пояснения каждой комбинации клавиш. Для более удобного ориентирования в них можете использовать созданные мною таблицы в формате Jpg.
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 Tool — P, для Text Tool — T.
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 |
