Figma. Горячие клавиши для текстового поля.

Вступление

Доброго дня.

Эта статья, дополнение к предыдущей статье по горячим клавишам

Для того чтобы разбирать горячие клавиши текстового поля, нужно создать какой-то текст.

Итак, создаем новый дизайн файл в фигме.

Будем считать что вы это умеете, дайте знать если нет.

Все буквы указанные в «елочках», английской раскладки и обозначают горячую клавишу.

Далее когда мы уже в файле, нажимаем «t»(текст), нажимаем в свободной области и вводим любой текст, можно что угодно.

Текстовое поле в фигме

После чего заходим в плагины и выбираем плагин «Fishtext in Russian» я использую этот плагин, он для меня достаточно удобный. НО, иногда заказчики думаю что это финальный текст, приходиться пояснять что это пример.

Плагин для генерации текста.

Давайте создадим 2 абзаца текста, для удобства

Создание 2х абзацев текста

Скорее всего у вас получиться что то подобное. Для того чтобы все выглядело красиво, давайте ограничим ширину текстового контейнера до 500 px.

Текстовое поле, сгенерированное плагином

После того как мы ограничили ширину, текст выглядит симпатичнее.

Текст после уменьшения ширины

Далее, с помощью клавиш «Alt+cmd+G» создадим фрейм, после чего удерживая «alt+cmd+shift» тянем за одну из граней и увеличиваем фрейм и зальем фон белым цветом.

Подготовленный текст

cmd + b

Делает текст жирным

cmd + i

Добавляет курсив, италик.

cmd + u

Добавляет нижнее подчеркивание.

cmd + k

Добавляет ссылку в текст

shift + cmd + x

Перечеркнутый текст

shift + cmd + 7, shift + cmd + 8

Первый абзац, первый шорткат — нумерованный список, второй абзац — буллиты. Работает на тот абзац в котором вы печатаете

alt + cmd + L, alt + cmd + T, alt + cmd + R, alt + cmd + J

Это все команды для выравнивания текста.

Для данного примера разделил текст на отдельные слои. Далее по порядку, выключка по левому краю, по центру, по правому краю, распределить по ширине.

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

shift + cmd + <, shift + cmd + >

С помощью данных команд можно увеличить или уменьшить размер шрифта.

alt + cmd + <, alt + cmd + >

Данные команды увеличивают «вес» шрифта. Можно сделать более легкое или жирное начертание.

alt + <, alt + >

Увеличить или уменьшить межбуквенное расстояние.

alt + shift + <, alt + shift + >

Увеличить или уменьшить высоту строки.

Заключение

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

Если в вашей работе эти работы с текстом актуальны, наверняка вам будет полезно.

Спасибо за внимание.

До новых встреч.

Говорят, если подписаться, автору становиться приятно)