Работа с текстом в Figma: горячие клавиши для быстрого редактирования дизайна

Обновлено:

Горячие клавиши в Фигме для текста помогают ускорить создание дизайна. Для этого надо на практике попробовать сочетания кнопок, которые собраны в этой статье (38 вариантов). Со временем они запомнятся и вы уже не будете представлять себе работу без них.

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

Как работать с текстом в Фигме

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

Есть 2 варианта работы с текстом в Фигме:

  1. Использовать встроенные в редактор инструменты.
  2. Подключать плагины.

Плагины для Фигмы чем-то похожи на расширения для браузеров, например, для Гугл Хром — тоже увеличивают возможности работы, являются надстройками. Функции плагинов очень широкие. Например, есть такие, которые помогают подбирать подходящий шрифт, есть те, которые покажут ошибки в тексте, и т.д.

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

Горячие клавиши для работы с текстом в Figma

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

Таблица горячих клавиш (хоткеи) для работы с текстом в Figma
Сочетание горячих клавишДействие горячих клавиш
1.T (английская t)Инструмент "Текст".
2. I (английская i)Пипетка: изменения цвета текста.
3.Ctrl + C Копирование текста в буфер обмена.
4.Ctrl + V Вставка скопированного текста из буфера обмена.
5.Ctrl +BЖирный текст.
6.Ctrl+I Наклонный текст.
7.Ctrl+UПодчеркнутый текст.
8.Ctrl+Shift+XПеречеркнутый текст.
9.Ctrl+C (правая панель: свойства картинки)Заливка текста картинкой. Скопировать свойство картинки через выделение свойства и нажатия Ctrl + C. А затем выделить текст и нажать Ctrl + V.
10.Ctrl+DСоздание дубликата текста. Дубликат появляется поверх копируемого текста.
11.Ctrl+Alt+CКопирование свойств текста — цвет, тени, обводку; для шрифта — размер, начертание и т.п.
12.Ctrl+Alt+VВставка свойств текста/шрифта.
13.Ctrl+Shift+VВставка текста с сохранением свойств текстового блока, в который вставляется текст.
14.Ctrl+Shift +7 Текст - в нумерованный список.
15.Ctrl+Shift +8 Текст - в маркированный список. 
16.TabСдвигание пункта списка на следующий уровень (создание подпунктов: а, b, с и т.д.)
17.Shift+TabСдвигание пункта списка обратно (из подпунктов) в нумерованный/маркированный формат.
18.Ctrl+KСоздание ссылки из текста. 
19.Ctrl/ + ]Добавить отступ (красную строку).
20.Ctrl/ + [Убрать отступ (красную строку).
21.Ctrl+Alt+LВыравнивание текста по левому краю.
22.Ctrl+Alt+RВыравнивание текста по правому краю.
23.Ctrl+Alt+TВыравнивание текста по центру.
24.Ctrl+Alt+JВыравнивание текста по ширине.
25.Ctrl+GОбъединение нескольких текстовых блоков в одну группу.
26.Ctrl+EПревращение текста в векторный объект (перевести текст в кривые).
27.Ctrl + ]Перемещение текста на один уровень выше в слоях.
28.Ctrl + [Перемещение текста на один уровень ниже в слоях.
29.Ctrl + Shift + ]Перемещение текста в слоях на передний план (на самый верхний слой).
30.Ctrl + Shift + [Перемещение текста в слоях на задний план (на самый нижний слой).
31.Ctrl + Shift +OРазгруппировка текста на составляющие (заливка, обводка).
32.Ctrl + Shift +RВставка с заменой.
33.Ctrl + Shift +CКопирование текста как PNG.
34.Ctrl + Shift +HПоказ/скрытие текста.
35.KРастягивание текста пропорционально.
36.Ctrl + ZОтмена действия.
37.Ctrl +Приблизить (увеличить масштаб) текст на рабочей области Фигмы.
38.Ctrl -Отодвинуть (уменьшить масштаб) текста.

Примечание по пунктам 19 и 20.

Горячие клавиши Ctrl/ (т.е. Ctrl + слэш) убирают/возвращают левую и правую панели в Фигме, расширяя рабочую область.

И когда вы применяете это Ctrl/ + ] или это Ctrl/ + [ сочетания, то также могут (если не совсем правильно нажать комбинацию клавиш) исчезнуть левая и правая панели с рабочей области.

Чтобы исправить, просто снова нажмите Ctrl/ снова и панели вернутся в прежнее состояние.

Основные выводы

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

Привычка пользоваться хоткеями в любых программах помогает, и Фигма, конечно, не исключение. 

Есть горячие клавиши и для других объектов дизайна в Figma, но для редактирования именно текста собранных здесь будет более чем достаточно. 

А на этом сегодня всё. Желаю вам удачи и успехов!

Нет комментариев

Оставить комментарий

Отправить комментарий Отменить

Сообщение