Figma — это онлайн-редактор, который позволяет создавать графические изображения и совместно работать над проектами, такими как прототипы сайтов, интерфейсы приложений, слайды презентаций и карточек товаров, а также обсуждать изменения с коллегами в режиме реального времени.
Текст является частью большинства дизайнерских проектов, поэтому знание способов ускорения процессов с помощью горячих клавиш станет основой для более эффективной работы в целом. Возможно с первого раза не получится запомнить все, понадобится практика и время, но это того стоит.
Как работать с текстом в Фигме
Есть 2 варианта работы с текстом в Фигме:
- Использовать встроенные в редактор инструменты.
- Подключать плагины.
Плагины для Фигмы чем-то похожи на расширения для браузеров, например, для Гугл Хром — тоже увеличивают возможности работы, являются надстройками. Функции плагинов очень широкие. Например, есть такие, которые помогают подбирать подходящий шрифт, есть те, которые покажут ошибки в тексте, и т.д.
Из заметки вы узнаете как редактировать текст в 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 | Отмена действия. |
Примечание по пунктам 19 и 20.
Горячие клавиши Ctrl/ (т.е. Ctrl + слэш) убирают/возвращают левую и правую панели в Фигме, расширяя рабочую область.
И когда вы применяете это Ctrl/ + ] или это Ctrl/ + [ сочетания, то также могут (если не совсем правильно нажать комбинацию клавиш) исчезнуть левая и правая панели с рабочей области.
Чтобы исправить, просто снова нажмите Ctrl/ снова и панели вернутся в прежнее состояние.
Основные выводы
Эти горячие клавиши для работы с текстом в Фигме помогут упростить процесс создания дизайна. Я собрала в одном месте комбинации клавиш для работы с текстом для более удобной и быстрой работы. Надеюсь эта сводная таблица будет вам полезна.
Есть ещё и другие горячие клавиши для работы с объектами в Фигме, но для редактирования именно текста собранных в этой заметке клавиш будет более чем достаточно. Тем более, что даже на освоение горячих клавиш по одному только тексту потребуется какое-то время.
А на этом сегодня всё. Желаю вам удачи и успехов!
Оставить комментарий