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/ снова и панели вернутся в прежнее состояние.
Основные выводы
Эти горячие клавиши для работы с текстом в Фигме помогут упростить процесс создания дизайна. Я собрала в одном месте комбинации клавиш для работы с текстом для более удобной и быстрой работы. Надеюсь эта сводная таблица будет вам полезна.
Есть ещё и другие горячие клавиши для работы с объектами в Фигме, но для редактирования именно текста собранных в этой заметке клавиш будет более чем достаточно. Тем более, что даже на освоение горячих клавиш по одному только тексту потребуется какое-то время.
А на этом сегодня всё. Желаю вам удачи и успехов!
Оставить комментарий