Типограф для Figma — плагин Typograf, неразрывные пробелы | Trace Logo's
Trace Logo's GitHub
К содержимому

Typograf | Trace Logo’s · плагин-типограф для Figma

Текст —
в порядке.

Плагин для Figma: неразрывные пробелы, тире и «ёлочки» в выделенных слоях — без ручной правки каждого символа.

Открыть в Figma
Макет / ТипографикаТекстовые слои · 100%
Landing / ЗаголовокТекст остаётся редактируемым
Typograf | Trace Logo’s
1 слой выделен1 текстовый слой найден
Правила
Неразрывные пробелыПредлоги, частицы, числа, инициалы
ТиреДлинное тире и диапазоны чисел
Кавычки-ёлочкиПрямые и «умные» кавычки → ёлочки
МноготочиеТри точки подряд → один символ
ПробелыБез двойных и лишних пробелов
Попробуйте на этом примере
Иллюстрация интерфейса на примерном тексте

Те же слова.
Другие символы.

Перетащите границу и посмотрите, как меняется набор.

До
Дизайн -
это "детали"...
Прямые кавычки · дефис · три точки
После
Дизайн —
это «детали»…
Ёлочки · длинное тире · многоточие
ДоПотяните за границуПосле

Один фрейм.
Весь текст.

Выделите фрейм — плагин найдёт текст даже во вложенных группах.

Выделите фрейм.

Текстовые слои внутри попадут в обработку.

Выберите правила.

Лишние можно отключить; настройки сохранятся.

Проверьте результат.

Плагин покажет итог; правки отменяются через ⌘Z или Ctrl+Z.

Слова вместе.
Даже при
переносе.

Неразрывные пробелы удерживают короткие предлоги и единицы измерения рядом со словом или числом.

В Figma —
через Community.

Откройте страницу плагина в Figma Community и запустите его в своём файле. Запуск станет доступен после модерации Figma.

Figma Community
Figma Community
Откройте страницу плагина
Запустите в своём файле
Запустить Плагин
Plugins ›
Community ›
Запустить

Хороший макет.
Аккуратный текст.

Начните с одного слоя, затем обработайте фрейм целиком.

Открыть в Figma

Вопросы о Typograf для Figma

Как расставить неразрывные пробелы в Figma?

Выделите текстовый слой, группу или фрейм, запустите Typograf и нажмите «Расставить типографику». Пробелы ставятся после предлогов и союзов, перед частицами, между инициалами, а также между числом и единицей измерения.

Как заменить кавычки на ёлочки и дефис на тире в Figma?

Теми же шагами: прямые и «умные» кавычки становятся «ёлочками», дефис между словами — длинным тире, три точки — многоточием. Ещё плагин расставляет ё по словарю однозначных слов («елка» станет «ёлкой»). Каждое правило отключается тумблером.

Можно обработать сразу весь фрейм?

Да, плагин найдёт весь текст во вложенных фреймах и группах вашего выделения. Слои длиннее 50 000 символов пропускаются, вложенные кавычки не различаются: поддерживается один уровень.

Как установить плагин и где он работает?

Плагин бесплатный. Откройте его страницу в Figma Community и запустите в своём файле после модерации Figma.

Текст отправляется на сервер?

Нет. У плагина отключён доступ к сети, текст не покидает Figma, а на устройстве хранятся только положения тумблеров.

Как вернуть исходный текст?

Нажмите ⌘Z или Ctrl+Z. Обработку можно остановить кнопкой «Остановить» или клавишей Esc, но уже применённые правки она не отменит.

Сколько стоит плагин Typograf?

Плагин бесплатный. Откройте его страницу в Figma Community; запуск станет доступен после модерации Figma. Другие утилиты — в разделе «Инструменты».

Чем плагин отличается от расширения Trace Typograf?

Typograf работает в текстовых слоях Figma. Расширение Trace Typograf — отдельный продукт для Chrome: оно правит текст в редакторах Taptop и Tilda.