Коротко — не всегда это баг Figma. Чаще всего причина в шрифте, в невидимых символах в тексте или в настройках самого текстового слоя. Что проверить и как быстро исправить:
1. Проверка шрифта
- Смените проблемный текст на простой системный шрифт (Arial, Roboto). Если поведение уходит — проблема в шрифте (отсутствует локальная версия, переменный шрифт, битая метрика).
- В десктоп‑приложении убедитесь, что запущен Figma Font Helper и нужный шрифт корректно установлен. Попробуйте переустановить шрифт или использовать невариантную (non‑variable) версию.
2. Тип и размер текстовой рамки
- Убедитесь, что режим слоя — Fixed width (фиксированная ширина) или Auto width/height выставлен правильно. При Auto width текст не переносится; при очень узкой фиксированной ширине буквы могут «прыгать».
- Попробуйте переключать Auto/Fixed, растянуть рамку и посмотрите поведение.
3. Параметры текста
- Сбросьте letter spacing (треккинг) на 0 и line height на Auto/normal — отрицательный треккинг может приводить к наложению символов.
- Проверьте масштаб/трансформации слоя (скейл) — иногда слой был масштабирован и это искажает рендер.
4. Невидимые символы (самая частая причина «по‑буквенной» переноса)
- Текст, скопированный из PDF/Word/HTML/веб‑страницы, может содержать нулевые пробелы (zero‑width space U+200B), BOM (U+FEFF), неразрывные пробелы (U+00A0) и т.п. Они позволяют переносить строку в любом месте — как раз приводит к переносу посимвольно.
- Как найти/удалить:
- В VS Code: включите Regex поиск и найдите \u200B|\uFEFF|\u00A0, замените на пустую строку.
- В Notepad++ (Regex): найдите \x{200B}|\x{FEFF}|\x{00A0} и замените на ничего.
- Или просто вставьте текст в хороший редактор с «Show invisibles» (Notepad++, VS Code), удалите странные символы, затем верните в Figma.
- Быстрый способ: выделите текст в Figma, скопируйте → вставьте в VS Code → включите «Render Whitespace» / покажите скрытые символы → очистите → вставьте обратно.
5. Проверка в другом окружении
- Попробуйте открыть файл в браузере, если вы в десктоп‑приложении, или наоборот. Разные рендереры по‑другому отображают шрифты.
- Обновите Figma до последней версии, перезагрузите компьютер.
6. Если ничего не помогает — соберите инфо и отправьте в поддержку
- Создайте минимальный файл, где проблема воспроизводится, приложите скриншоты, укажите ОС, версию Figma (desktop/browser), используемый шрифт (имя и файл, если кастомный), шаги для воспроизведения.
- Отправляйте через Help → Report a bug или на support@figma.com.
Короткие быстрые шаги для вас прямо сейчас:
1) Смените шрифт на Arial/Roboto — проверьте.
2) Сбросьте letter spacing = 0, line height = auto.
3) Скопируйте текст в VS Code/Notepad++ и удалите невидимые символы (\u200B, \uFEFF, \u00A0), затем вставьте назад.
Если хотите, пришлите пример строки/скриншот и укажите шрифт — помогу посмотреть конкретно.