Найти тему

Простое форматирование интерфейсных текстов с «Text pretty»

У меня в Figma есть подборка плагинов, которые я использую в повседневной практике проектирования интерфейсов. Про один из них я сейчас расскажу. Он называется — Text pretty.

Страница плагина:

https://www.figma.com/community/plugin/783077214649465682/Text-Prettier

Данный плагин позволяет быстро исправить форматирование текста, особенно, когда я работаю в Figma на винде. Под форматированием я понимаю расстановку в тексте специальных типографских символов. Таких как: длинное тире, кавычки ёлочки, знак рубля, неразрывный пробел для висячих предлогов и т.д.

Но при чём тут винда? Дело этом, что на маке вышеперечисленные типографические символы без проблем выставляются хот-кейями с клавиатуры. Достаточно знать верное сочетание. На винде, чтобы набрать символ с клавиатуры, нужно знать его четырёхзначный код и постоянно держать это в голове. Естественно все эти коды я не помню и никогда бы не запомнил.

На маке хот-кие быстро запоминаются и рука сама тянется к нужному месту на клавиатуре. Ещё конечно в любой ОС есть специальные палитры символов. Это такие интерфейсы, где можно в каталоге найти нужный символ и скопировать его в буфер обмена, а потом уже вставить в нужное место в тексте. Но эта операция очень отвлекает от основного занятия — набора текста. Пока ищешь символ, забываешь о чём хотел написать. Терять контекст — дорого.

Сравните:

В Windows открывающая ёлочка: нужно включить Num Lock, после чего набрать на цифровой клавиатуре Alt+0171.
В Mac OS X открывающая ёлочка: ⌥ Option+⇧ Shift+=

Как же выручает Text pretty, когда для набора кавычек ты просто используешь символ дюйма, для длинного тире — двойной дефис, а неразрывный пробел проставляется автоматически после применения плагина. И того, набираешь текст, запускаешь плагин и происходит магия. Два символа дюйма превращается в открывающую и закрывающую кавычки «ёлочки», двойной дефис — в нормальное длинное тире, а предлоги уже не висят.

Изображение страницы плагина. Иллюстрирует принцип работы плагина. Слева «до», а справа «после» применения плагина.
Изображение страницы плагина. Иллюстрирует принцип работы плагина. Слева «до», а справа «после» применения плагина.