Как в фигме вернуть панель инструментов

Краткий гайд по инструментам в Figma

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

Панель инструментов находится в левом верхнем углу.

Первая кнопка на панели – это основное меню. Через меню можно сохранить файл, создать новый, добавить объект, изменить настройки.

Вторая кнопка на панели – это выбор варианта курсора.

«Move» — используется для перемещения по файлу и для перетаскивания объектов. Горячая клавиша «V»

«Scale» — используется для масштабирования объекта. Горячая клавиша «K»

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

Третья кнопка на панели – это выбор секции.

«Frame» – это рабочая зона. Все необходимые элементы помещаются внутрь фрейма. Все, что вышло за рамки, не отобразится при выгрузке итоговой картинки. Определить размер фрейма можно вручную: выбираем инструмент и рисуем область. Или выберите нужный фрейм на панели справа.

«Section» – это группировка фреймов. Используется, когда на странице много фреймов и нужно показать их принадлежность друг к другу.

«Slice» – используется для экспорта произвольной прямоугольной области, например, нужно выгрузить половину фрейма.

Четвертая кнопка – выбор объекта. У самых часто используемых тоже есть горячие клавиши, они указаны напротив элементов.

Пятая кнопка – выбор пера.

«Pen» – инструмент для создания векторных иллюстраций любой формы. Еще можно использовать для вырезания объекта с картинки или фотографии. Расскажу об этом в следующих уроках 😉

«Pencil» – рисование «от руки». Если умеете рисовать мышкой или по тачпаду, то вам понравится. Я не использую.

Шестая кнопка – добавление текста. Выбираем инструмент на панели или с помощью горячей клавиши «T», ставим курсор в любое место (или в нужное место) и начинаем писать.

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

Восьмая кнопка – рука. В этом режиме не получится редактировать и двигать элементы, инструмент используется для перемещения по файлу.

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

Краткий гайд по инструментам Figma завершен! Я описала основные инструменты и для чего они используются. Чтобы узнать больше, читай другие статьи серии.

В помощь дизайнеру: горячие клавиши в Figma

У Figma есть все возможности для того, чтобы дизайнеры справлялись с работой максимально быстро и легко. Рассказываем, какие хоткеи есть и как их использовать.

Михаил Терентьев
Основатель Mailfit & Letteros

Горячие клавиши (hotkeys) — это комбинации клавиш, нажатие на которые позволяет выполнять различные действия в той или иной программе, не прибегая к её меню. Это быстро и просто.

В Figma горячие клавиши называются Keyboard Shortcuts, а посмотреть весь их список можно, нажав на знак вопроса в правом нижнем углу.

Или используйте для открытия списка сочетание горячих клавиш Ctrl + Shift + ?. Да, они могут пригодиться даже здесь.

Весь список горячих клавиш поделён на несколько групп. Расскажем о каждой по порядку.

Essential keyboard shortcuts

Essential keyboard shortcuts — это Основные клавиатурные сокращения.

Чтобы показать или скрыть Боковые панели, нажмите Ctrl + \ на Windows и ⌘ + \ на Mac.

Чтобы выбрать инструмент Пипетка, нажмите i на Windows и Ctrl + С на Mac.

Чтобы открыть Меню, нажмите Ctrl + / на Windows и ⌘ + / на Mac.

Tools

Tools — это Инструменты.

Чтобы выбрать стандартный инструмент выделения, нажмите V.

Чтобы выбрать инструмент для создания фреймов, нажмите F.

Чтобы выбрать Перо, нажмите P.

Чтобы выбрать Карандаш, нажмите Shift + P.

Чтобы выбрать Текст, нажмите T.

Чтобы выбрать Прямоугольник, нажмите R.

Чтобы выбрать Эллипс, нажмите O.

Чтобы выбрать Линию, нажмите L.

Чтобы выбрать Стрелку, нажмите Shift + L.

Чтобы добавить или показать комментарии, нажмите С.

Чтобы выбрать Пипетку, нажмите i на Windows и Ctrl + С на Mac.

Чтобы выбрать Нож, нажмите S.

View

Чтобы показать или скрыть Линейки, нажмите Shift + R.

Чтобы показать или скрыть Обводку всех элементов, нажмите Ctrl + Shift + 3 на Windows и ⌘ + Y на Mac.

Чтобы показать или скрыть Пиксельный просмотр, нажмите Ctrl + Alt + Y на Windows и Ctrl + P на Mac.

Чтобы показать или скрыть Сетку, нажмите Ctrl + Shift + 4 на Windows и Ctrl + G на Mac.

Чтобы показать или скрыть Пиксельную сетку, нажмите Ctrl + ‘ на Windows и ⌘ + ‘ на Mac.

Чтобы показать или скрыть Боковые панели, нажмите Ctrl + \ на Windows и ⌘ + \ на Mac.

Чтобы показать или скрыть Курсоры других пользователей, нажмите Ctrl + Alt + \ на Windows и Alt + ⌘ + \ на Mac.

Чтобы показать или скрыть Только слои, нажмите Alt + 1.

Чтобы показать или скрыть Только компоненты, нажмите Alt + 2.

Чтобы показать или скрыть Панель дизайна, нажмите Alt + 8.

Чтобы показать или скрыть Панель прототипа, нажмите Alt + 9.

Zoom

Zoom — это Приближение или Масштабирование.

Чтобы переместить Zoom по рабочему пространству, нажмите Space + drag.

Чтобы увеличить масштаб, нажмите +.

Чтобы уменьшить масштаб, нажмите —.

Чтобы включить отображение 1:1 к экрану, нажмите Shift + 0.

Чтобы масштабировать все рабочее пространство, нажмите Shift + 1.

Чтобы масштабировать выделенный элемент, нажмите Shift + 2.

Чтобы масштабировать предыдущий фрейм, нажмите Shift + N.

Чтобы масштабировать следующий фрейм, нажмите N.

Чтобы найти предыдущую страницу, нажмите Page Up.

Чтобы найти следующую страницу, нажмите Page Down.

Чтобы найти предыдущий фрейм, нажмите Home.

Чтобы найти следующий фрейм, нажмите End.

Text

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

Shape — это Векторные изображения.

Чтобы выбрать Перо, нажмите P.

Чтобы выбрать Карандаш, нажмите Shift + P.

Чтобы выбрать Заливку, нажмите B.

Чтобы удалить заливку, нажмите Alt + /.

Чтобы удалить обводку, нажмите /.

Чтобы поменять местами обводку и заливку, нажмите Shift + X.

Чтобы преобразовать в кривые, нажмите Ctrl + Shift + O на Windows и ⌘ + Shift + O на Mac.

Чтобы работать с точками векторных изображений, нажмите Ctrl + E на Windows и ⌘ + E на Mac.

Selection

Selection — это Выделение.

Чтобы выделить всё, нажмите Ctrl + A на Windows и ⌘ + A на Mac.

Чтобы выделить всё, кроме чего-либо, нажмите Ctrl + Shift + A на Windows и ⌘ + Shift + A на Mac.

Чтобы отменить выделение, нажмите Esc.

Чтобы выделить слои, которые находятся под другими слоями, нажмите Ctrl + click Windows и ⌘ + click на Mac.

Чтобы выделить слой на боковой панели, нажмите Ctrl + right click Windows и ⌘ + right click на Mac.

Чтобы выделить дочерний элемент, нажмите Enter.

Чтобы выделить родительский элемент, нажмите Shift + Enter.

Чтобы выделить следующий по порядку элемент, нажмите Tab.

Чтобы выделить предыдущий по порядку элемент, нажмите Shift + Tab.

Чтобы сгруппировать элементы, нажмите Ctrl + G на Windows и ⌘ + G на Mac.

Чтобы разгруппировать элементы, нажмите Ctrl + Shift + G на Windows и ⌘ + Shift + G на Mac.

Чтобы преобразовать в фрейм, нажмите Ctrl + Alt + G на Windows и ⌘ + Alt + G на Mac.

Чтобы показать или скрыть элемент, нажмите Ctrl + Shift + H на Windows и ⌘ + Shift + H на Mac.

Чтобы заблокировать или разблокировать элемент, нажмите Ctrl + Shift + L на Windows и ⌘ + Shift + L на Mac.

Cursor

Cursor — это Курсор.

Чтобы выделить элемент при клике, нажмите Alt.

Чтобы копировать элемент при движении, нажмите Alt.

Чтобы выделить слои, которые находятся под другими слоями, нажмите Ctrl + click на Windows и ⌘ + click на Mac.

Чтобы показать иерархию выделенного элемента, нажмите Ctrl + right click на Windows и ⌘ + right click на Mac.

Чтобы изменить размер относительно центра элемента, нажмите Alt.

Чтобы изменить размер пропорционально, нажмите Shift.

Чтобы переместить во время изменения размеров элемента, нажмите Ctrl на Windows и ⌘ на Mac.

Edit

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

Чтобы копировать, нажмите Ctrl + C на Windows и ⌘ + C на Mac.

Чтобы вырезать, нажмите Ctrl + X на Windows и ⌘ + X на Mac.

Чтобы вставить, нажмите Ctrl + V на Windows и ⌘ + V на Mac.

Чтобы вставить поверх выделенного элемента, нажмите Ctrl + Shift + V на Windows и ⌘ + Shift + V на Mac.

Чтобы создать копию, нажмите Ctrl + D на Windows и ⌘ + D на Mac.

Чтобы переименовать, нажмите Ctrl + R на Windows и ⌘ + R на Mac.

Чтобы экспортировать элемент, нажмите Ctrl + Shift + E на Windows и ⌘ + Shift + E на Mac.

Чтобы копировать свойства элемента, нажмите Ctrl + Alt + C на Windows и ⌘ + Alt + C на Mac.

Чтобы вставить скопированные свойства, нажмите Ctrl + Alt + V на Windows и ⌘ + Alt + V на Mac.

Transform

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

Чтобы отразить по горизонтали, нажмите Shift + H.

Чтобы отразить по вертикали, нажмите Shift + V.

Чтобы создать маску, нажмите Ctrl + Alt + M на Windows и ⌘ + Alt + M на Mac.

Чтобы включить редактирование векторных объектов или изображений, нажмите Enter.

Чтобы вставить изображение, нажмите Ctrl + Shift + K на Windows и ⌘ + Shift + K на Mac.

Чтобы обрезать изображение, нажмите Alt + dbl-click.

Чтобы задать прозрачность элементу 10%, нажмите 1.

Чтобы задать прозрачность элементу 50%, нажмите 5.

Чтобы задать прозрачность элементу 100%, нажмите 0.

Arrange

Arrange — это Выравнивание.

Чтобы переместить на уровень ближе к переднему плану, нажмите Ctrl + ] на Windows и ⌘ + ] на Mac.

Чтобы переместить на уровень дальше от переднего плана, нажмите Ctrl + [ на Windows и ⌘ + [ на Mac.

Чтобы переместить на передний план, нажмите Ctrl + Shift + ] на Windows и ⌘ + Shift + ] на Mac.

Чтобы переместить на задний план, нажмите Ctrl + Shift + [ на Windows и ⌘ + Shift + [ на Mac.

Чтобы выровнять по левой стороне, нажмите Alt + A.

Чтобы выровнять по правой стороне, нажмите Alt + D.

Чтобы выровнять по верхней стороне, нажмите Alt + W.

Чтобы выровнять по нижней стороне, нажмите Alt + S.

Чтобы выровнять согласно горизонтальной линии элементов, нажмите Alt + H.

Чтобы выровнять согласно вертикальной линии элементов, нажмите Alt + V.

Чтобы выровнять с распределением горизонтального пространства, нажмите Ctrl + Shift + Alt + H на Windows и ⌘ + Shift + Alt + H на Mac.

Чтобы выровнять с распределением вертикального пространства, нажмите Ctrl + Shift + Alt + V на Windows и ⌘ + Shift + Alt + V на Mac.

Components

Components — это Компоненты.

Чтобы показать все компоненты, нажмите Alt + 2

Чтобы создать компонент, нажмите Ctrl + Alt + K на Windows и ⌘ + Alt + K на Mac.

Чтобы преобразовать компонент во фрейм, нажмите Ctrl + Alt + B на Windows и ⌘ + Alt + B на Mac.

Чтобы открыть многопользовательскую библиотеку, нажмите Ctrl + Alt + O на Windows и ⌘+ Alt + O на Mac.

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

Подписывайтесь на ежемесячный дайджест Mailfit

Раз в месяц присылаем новости диджитала, последние кейсы, рассказываем про работу, собираем интересный и полезный контент в одном письме.

ПОЛУЧИЛОСЬ!
Скоро вы начнете получать нашу рассылку

Осваиваем левую панель в Figma: полезные советы для продуктовых дизайнеров

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

Работать в Figma намного интереснее, если вы хорошо знаете этот инструмент. Да, одного лишь знания недостаточно, чтобы получить работу в сфере UX-дизайна, однако оно дает вам огромное преимущество. Вы будете работать намного быстрее, экономя время, которое можно потратить на решение других важных UX/UI-задач.

Ранее мы разбирали, как использовать правую панель в Figma. В этот раз поговорим о левой панели.

Иконки для дифференциации слоев

Обращали ли вы когда-нибудь внимание на иконки слоев? Вот полный список иконок, чтобы вы знали, что означает каждая из них.

Массовые действия: изменение названий нескольких слоев

Вы можете изменить названия всех слоев по отдельности или за один раз. Выделите их, нажмите CMD+R (CTRL+R в Windows), и откроется модальное окно, в котором нужно ввести подходящее название.

Модальное окно содержит несколько опций: мы можем поменять названия полностью или частично, а также добавить к ним нумерацию, что бывает очень полезно.

Представьте, что вы работаете над сценарием с большим количеством экранов (пример — сценарий входа в систему), и хотите пронумеровать шаги (пользователь вводит имя, затем пароль, а затем нажимает кнопку входа).

Вы просто выделяете нужные экраны, нажимаете CMD+R, кликаете по кнопке Number↑(по возрастанию) или Number↓(по убыванию), затем Current name, и нажимаете Rename. Готово!

Имейте в виду: порядок будет таким же, как в панели слоев, а не таким, как на холсте.

Когда мы выбираем слой, Figma выделяет всё, что находится внутри него

Когда мы выбираем объект, внутри которого находятся другие объекты, выделенный слой отмечается синим цветом, а то, что находится внутри него, — голубым.

Избавьтесь от ненужных слоев и наведите порядок

Если в файле Figma есть один или несколько объектов/слоев, которые вы не используете, удалите их. Это позволит сохранить порядок в панели слоев и на холсте и избежать путаницы.

Перемещение объектов внутри Auto Layout

Выбрав объект внутри Auto Layout, мы можем перемещать его выше или ниже с помощью мыши. Однако более удобный способ — нажимать стрелки «вверх» и «вниз». Например, так удобно перемещать строки вверх/вниз при работе с таблицами.

Именование слоев (только для компонентов)

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

Один из случаев, когда названия слоев играют важную роль, — замена экземпляров компонентов. Если в экземплярах, которые мы заменяем, названия слоев не совпадают, некоторые их параметры могут измениться автоматически. Допустим, у вас есть кнопка с иконкой внутри, вы меняете цвет иконки, а затем и саму иконку. Если названия слоев внутри иконок различаются, их цвет сбросится до значения по умолчанию. Подробнее об этом вы можете прочитать здесь.

Свернуть все слои

Если в панели слева открыто много слоев, и это сильно усложняет вашу работу, нажмите OPTION+L (ALT+L в Windows), и все слои будут свернуты.

Перемещение слоев вверх/вниз

Если вы хотите переместить слой вверх или вниз, нажмите OPTION+CMD+↑ или OPTION+CMD+↓ (CTRL+ALT+↑ или CTRL+ALT+↓ на Windows). Все быстро и просто!

Выбрать следующий слой

Если вам нужно выбрать следующий слой того же уровня, просто нажмите кнопку Tab.

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

Если вы хотите скрыть/показать боковые панели, нажмите сочетание клавиш Shift+/ или кликните правой кнопкой мыши по холсту и выберите «Show/Hide UI».

Это полезно в следующих случаях:

• Вы хотите посмотреть/показать что-то на странице и задействовать весь экран (особенно актуально для устройств с небольшой диагональю).
• Вы случайно скрыли элементы управления и не знаете, как их вернуть (это может случиться с каждым из нас �� ).

Горячие клавиши в Фигма (Figma) для быстрой работы дизайнера

Всем привет! Я — графический дизайнер Дмитрия Сугак. Если вы хотите значительно ускорить свою работу в бесплатном редакторе Figma, то вам просто необходимо использовать «горячие клавиши» и комбинации клавиш. Эта статья посвящена хоткеям и самым часто используемым комбинациям клавиш в Фигма. Из-за того, что весь интерфейс программы Figma на английском языке, я буду дублировать английский текст русским переводом, чтобы вам было проще разобраться в назначении тех или иных клавиш и сочетаний.

Keyboard Shortcuts в Фигме

ВАЖНО! В редакторе Figma в отличие от Adobe Photoshop невозможно менять сочетания клавиш так, как вам удобно (подстроить всё индивидуально под себя). Вам придётся использовать те горячие клавиши и те сочетания клавиш, которые предлагают создатели Фигма.

Для начала вам необходимо открыть проект в Фигма или создать новый проект «New design file». Все существующие горячие клавиши в Фигме можно найти в разделе «Keyboard Shortcuts». Этот раздел можно открыть двумя способами:

1. Нажав сочетание клавиш «Ctrl + Shift + ?»
2. Нажав на значок вопроса в правом нижнем углу экрана

В нижней части экрана вы увидите черное окно со всеми возможными горячими клавишами и сочетаниями клавиш.
1. Если вы уже использовали какую-то комбинацию, то она будет подсвечена голубым.
2. Если вы еще ни разу не использовали комбинацию, то она не будет подсвечена голубым.

Чтобы убрать черное окно со всеми комбинациями клавиш просто нажмите на крестик в правом верхнем углу этого окна.

Самые важные комбинации клавиш в Фигма

Я давно работаю в редакторе Фигма и собрала свой топ горячих клавиш и комбинаций клавиш, которые постоянно применяю в своей работе. Их не очень много, поэтому эти хоткеи легко запомнить:

1. Сtrl + C — копировать элемент
2. Сtrl + V — вставить элемент
3. Сtrl + X — вырезать элемент
4. Сtrl + A — выделить все элементы сразу
5. I — инструмент пипетка, выбирайте цвет
6. K — менять размер
7. V — стандартный инструмент выделения и перемещения
8. [ — переместить слой назад, за всеми слоями
9. ] — переместить слой вперед, перед всеми слоями
10. Ctrl + Shift + 4 — показать/спрятать сетки
11. Зажатый Alt — дублировать элементы / фреймы
12. Зажатый Ctrl + колесико мыши — приближаться к объектам и отдаляться от них
13. Зажатый пробел + зажатая левая кнопка мыши — перемещение по рабочей области
14. Shift + A — создать auto layout
15. Ctrl + \ — убрать или показать интерфейс редактора Фигма

Этого набора горячих клавиш вполне достаточно для решения большинства задач. Рекомендую выписать их на листочек и использовать. Остальные горячие клавиши я детально разберу далее в этой статье.

Все горячие клавиши в Фигма с переводом на русский и описанием

Сочетание клавиш «Ctrl + Shift + ?» откроет внизу экрана окно чёрного цвета. Это вкладка Essential (в переводе с английского — «существенное», «важное»).

Во вкладке Essential можно:
1. (Show/Hide UI) Ctrl + \ — скрыть или вывести на экран интерфейс Фигмы;
2. (Pick Color) I — выбрать «пипеткой» цвет или оттенок из любого объекта и применить его в своей работе;
3. (Quick Actions) Ctrl + / — быстро найти плагины, слои или команды в Фигме.

Вкладка Tools (или инструменты):

• (Move tool) V — выделение и перемещение объектов в рамках проекта;
• (Frame tool) F — создание нового фрейма (рабочего пространства дизайнера в Фигме);
• (Pen tool) P — рисование пером;
• (Pencil tool) Shift + P — рисование карандашом;
• (Text tool) T — добавление нового текста;
• (Rectangle tool) R — готовый прямоугольник, параметры которого вы можете задать на правой панели;
• (Ellipse tool) O — эллипс или круг (с изменчивыми параметрами);
• (Line tool) L — линия;
• (Arrow tool) Shift + L — стрелка;
• (Add comment) C — написание комментария или заметки к выделенному объекту;
• (Pick color) I — распознавание и выбор цвета при помощи пипетки;
• (Slice tool) S — обрезка элемента «ножом».

Вкладка View (или вид) предназначена для того, чтобы показывать или скрывать элементы. А какие именно элементы показать / скрыть — решает сочетание клавиш:

• Shift + R — показать или скрыть линейки;
• Ctrl + Shift + 3 на Windows и ⌘ + Y на Mac — показать или скрыть обводку всех элементов;
• Ctrl + Alt + Y на Windows и ⌘ + P на Mac — показать или скрыть пиксельный просмотр;
• Ctrl + Shift + 4 на Windows и Ctrl + G на Mac — показать или скрыть сетку;
• Ctrl + ‘ на Windows и ⌘ + ‘ на Mac — показать или скрыть пиксельную сетку;
• Ctrl + \ на Windows и ⌘ + \ на Mac — показать или скрыть боковые панели;
• Ctrl + Alt + \ на Windows и Alt + ⌘ + \ на Mac — показать или скрыть курсоры других пользователей;
• Alt + 1 — показать или скрыть только слои;
• Alt + 2 — показать или скрыть только компоненты;
• Alt + 8 — показать или скрыть панель дизайна;
• Alt + 9 — показать или скрыть панель прототипа.

Вкладка Zoom (или масштабирование) отвечает за расположение и перемещение объектов на рабочем пространстве в Фигма:

• Space + drag — перемещение Zoom по рабочему пространству;
• + (плюс) — увеличение масштаба (приближение);
• — (минус) — уменьшение масштаба (отдаление);
• Shift + 0 — отображение один к одному (экран 1:1);
• Shift + 1 — масштабирование всего рабочего пространства;
• Shift + 2 — масштабирование выбранного вами элемента;
• Shift + N — масштабирование предыдущего фрейма;
• N — масштабирование следующего фрейма;
• Page Up — поиск предыдущей страницы;
• Page Down — поиск следующей страницы;
• Home — поиск предыдущего фрейма;
• End — поиск следующего фрейма.

Вкладка 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 — заливка цветом;
• Alt + / — удаление заливки;
• / — удаление обводки;
• Shift + X — одновременное изменение цвета обводки и заливки (они поменяются местами);
• Ctrl + Shift + O на Windows и ⌘ + Shift + O на Mac — преобразование в кривые;
• Ctrl + E на Windows и ⌘ + E на Mac — работа с точками векторных изображений.

Вкладка Selection (или выделение):

• Ctrl + A на Windows и ⌘ + A на Mac — выделение всего;
• Ctrl + Shift + A на Windows и ⌘ + Shift + A на Mac — выделение всего, кроме выбранного вами элемента;
• Esc — отмена выделения;
• Ctrl + click Windows и ⌘ + click на Mac — выделение слоёв, находящихся под другими слоями;
• Ctrl + right click Windows и ⌘ + right click на Mac — выделение слоя на боковой панели;
• Enter — выделение дочернего элемента;
• Shift + Enter — выделение родительского элемента;
• Tab — выделение следующего по порядку элемента;
• Shift + Tab — выделение предыдущего по порядку элемента;
• Ctrl + G на Windows и ⌘ + G на Mac — группировка элементов;
• Ctrl + Shift + G на Windows и ⌘ + Shift + G на Mac — разгруппировка элементов;
• Ctrl + Alt + G на Windows и ⌘ + Alt + G на Mac — преобразование во фрейм;
• Ctrl + Shift + H на Windows и ⌘ + Shift + H на Mac — показ или скрытие элемента;
• Ctrl + Shift + L на Windows и ⌘ + Shift + L на Mac — блокировка и разблокировка элемента.

Вкладка Cursor (или курсор):

• Alt — выделение элемента при клике;
• Alt — копирование элемента в движении;
• Ctrl + click на Windows и ⌘ + click на Mac — выделение слоёв, находящихся под другими слоями;
• Ctrl + right click на Windows и ⌘ + right click на Mac — показ иерархии выбранного элемента;
• Alt — изменение размера относительно центра элемента;
• Shift — пропорциональное изменение размера;
• Ctrl на Windows и ⌘ на Mac — перемещение элемента во время изменения его размера.

Вкладка Edit (или редактирование):

• Ctrl + C на Windows и ⌘ + C на Mac — создание копии элемента;
• Ctrl + X на Windows и ⌘ + X на Mac — вырезание (или удаление) элемента;
• Ctrl + V на Windows и ⌘ + V на Mac — вставка (или добавление) элемента;
• Ctrl + Shift + V на Windows и ⌘ + Shift + V на Mac — вставка поверх выбранного элемента;
• Ctrl + D на Windows и ⌘ + D на Mac — создание копии;
• Ctrl + R на Windows и ⌘ + R на Mac — переименование элемента;
• Ctrl + Shift + E на Windows и ⌘ + Shift + E на Mac — экспорт элемента;
• Ctrl + Alt + C на Windows и ⌘ + Alt + C на Mac — создание копии свойств выделенного элемента;
• Ctrl + Alt + V на Windows и ⌘ + Alt + V на Mac — вставка скопированных свойств в выбранный вами элемент.

Вкладка Transform (или трансформация):

• Shift + H — отражение по горизонтали;
• Shift + V — отражение по вертикали;
• Ctrl + Alt + M на Windows и ⌘ + Alt + M на Mac — создание маски;
• Enter — включение редактирования векторных объектов или изображений;
• Ctrl + Shift + K на Windows и ⌘ + Shift + K на Mac — вставка изображения;
• Alt + dbl-click — обрезка изображения;
• 1 — задание прозрачности элемента 10%;
• 5 — задание прозрачности элемента 50%;
• 0 — задание прозрачности элемента 100%.

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

• Ctrl + ] на Windows и ⌘ + ] на Mac — перемещение элемента ближе к переднему плану;
• Ctrl + [ на Windows и ⌘ + [ на Mac — перемещение элемента дальше от переднего плана;
• Ctrl + Shift + ] на Windows и ⌘ + Shift + ] на Mac — перемещение элемента на передний план;
• Ctrl + Shift + [ на Windows и ⌘ + Shift + [ на Mac — перемещение элемента на задний план;
• Alt + A — выравнивание по левой стороне;
• Alt + D — выравнивание по правой стороне;
• Alt + W — выравнивание по верхней стороне;
• Alt + S — выравнивание по нижней стороне;
• Alt + H — выравнивание по горизонтальной линии элементов;
• Alt + V — выравнивание по вертикальной линии элементов;
• Ctrl + Shift + Alt + H на Windows и ⌘ + Shift + Alt + H на Mac — выравнивание с распределением горизонтального пространства;
• Ctrl + Shift + Alt + V на Windows и ⌘ + Shift + Alt + V на Mac — выравнивание с распределением вертикального пространства.

Вкладка Components (или компоненты):

• Alt + —показ всех элементов;
• Ctrl + Alt + K на Windows и ⌘ + Alt + K на Mac — создание компонента;
• Ctrl + Alt + B на Windows и ⌘ + Alt + B на Mac — преобразование компонента во фрейм;
• Ctrl + Alt + O на Windows и ⌘+ Alt + O на Mac — переход к многопользовательской библиотеки.