Launched this week
LocaleProof
Catch text overflow before localization breaks your layouts
7 followers
Catch text overflow before localization breaks your layouts
7 followers
Simulates worst-case translations (pseudo-localization + longest-language expansion) right in Figma and highlights exactly which text overflows — clickable report, one-click restore. 100% free, client-side, nothing leaves Figma.
Hi Product Hunt! I'm a frontend dev from Ukraine building on the side ~1h/day around a full-time job.
At work the same bug kept shipping: the UI looks perfect in English, then the German translation overflows the button in production. Nobody had a tool to see it *before* handoff — so I built one.
**LocaleProof** simulates worst-case translations right in Figma (pseudo-locale + real expansion ratios for the languages you pick) and flags exactly which layers overflow, with a clickable report and one-click restore. 100% free, 100% client-side — nothing leaves Figma.
There's a sister plugin too — **CopyProof** (copy QA: empty layers, lorem ipsum leftovers, double spaces).
I'm validating a Pro tier (whole-file checks, RTL preview, report export) through a waitlist: https://localeproof.com
Would love your feedback: what localization bugs bite your team the most?
how does it handle languages with really long text like german or finnish when the original strings are already tight in a fixed-width container?
@aslhanfv73 Great question — that's exactly the case it's built for. LocaleProof doesn't wait for real translations: it inflates your source strings by each language's real-world expansion ratio (German ~+35%, plus an adjustable length buffer) or pseudo-localizes them, then measures every text node against its container. If a string is already tight in a fixed-width box, the simulation pushes it over and the layer gets flagged with the exact pixel overflow (e.g. "+17px"), clickable so you jump straight to that layer. One-click restore brings your original copy back.
To be honest about v1 limits: it flags fixed-size and fill containers (buttons, cards, table cells). Auto-layout frames that hug their text grow instead of overflowing, so they aren't flagged yet — hug-aware detection is the top item on the v1.1 list.
It won't decide for you whether to wrap, truncate or widen — it shows you every place where that decision is needed, before dev handoff.