NBSP

Figma plugin for cleaner line breaks

NBSP helps quickly clean up typography in Figma text layers by replacing regular spaces with non-breaking spaces where a line break can damage meaning, rhythm, or visual quality.

What it does

NBSP analyzes selected text layers and shows where regular spaces can be replaced with non-breaking spaces. You can preview changes, adjust rules, and apply them only when the result looks right.

Main features

• Live preview: shows changes before applying.
• Works with selected text layers: processes only your current selection.
• Editable rules: each rule group can be configured separately.
• Custom dictionaries: add your own word and abbreviation sets.
• Import and export: move rules between files and teams.
• Reset to defaults: quickly return to the base configuration.
• Remove NBSP: removes non-breaking spaces when needed.

Rules

NBSP works as a set of separate rules, not as one magic button.

• Attach to next word: keeps short words connected to the next word. Examples: в интерфейсе, на странице.
• Attach to previous word: keeps numbers, currency, and units connected to the previous token. Examples: 16 px, 24 kg, 300 USD, 20 °C, 500 тг.
• Names and abbreviations: keeps initials and abbreviations in one logical unit. Examples: Mr. Smith, No. 24, § 5, A. Smith, A. B. Smith, т. д., e. g., z. B..
• Line and whitespace: normalizes spaces while keeping line structure intact.
• Special cases: handles exceptions not covered by base groups.

Why it exists

Line breaks in layouts matter. A regular space can separate a preposition, number, currency, unit, initial, or abbreviation from the word it belongs to. NBSP makes this routine faster and more controlled.

For whom

NBSP is useful for designers, editors, UX writers, and teams working with text-heavy Figma files.

It fits interface copy, landing pages, promo pages, presentations, design systems, multilingual layouts, and files prepared for development handoff.

Workflow

1. Select one or more text layers in Figma.
2. Open NBSP.
3. Check Preview.
4. Adjust Rules if needed.
5. Click Apply.
6. Use Remove NBSP if needed.

Designed for control

NBSP does not try to automatically improve everything. It shows changes before applying and gives control over rules. It is not a final typographer instead of the user, but a careful tool for routine spacing work in Figma.