Vernac - Instant Multi-Language Text Translator

Design for Every Audience with VernacLocalizing your UI designs into regional or international languages shouldn't involve copy-pasting line-by-line or manually recreating artboards.

Vernac streamlines your entire design localization process!

Scan any frame, component, or group, pick your target languages, auto-translate all copy with a single click, and generate clean, side-by-side localized design frames on your canvas instantly.

✨ Key Features⚡ 1-Click Auto-Translation: Instantly translate all scanned text layers across active tabs using built-in machine translation—no API keys required!

✍️ Proofreading & Custom Copy: Edit any auto-translated field manually or enter your own custom text before generating to ensure perfect context.

🎯 Single-Layer Translate: Click the ⚡ button on any individual text field to translate just that specific layer.

🔍 Smart Layer Scanning: Automatically scans visible text layers from complex frames, groups, and nested components while ignoring hidden elements.

🌐 Multi-Language Batching: Generate frames for multiple languages (Kannada, Tamil, Telugu, Hindi, Bengali, Malayalam, Gujarati, Marathi, etc.) side-by-side in a single click.

➕ Add Any Custom Language: Click + Other to add any regional or global language (French, Spanish, German, Odia, Punjabi, and more).

🎛️ Per-Language Layer Toggles: Exclude specific text layers (like brand names, logos, or un-translatable codes) on a per-language basis without affecting other tabs.

🎨 Sleek & Native Interface: Designed to fit right into your Figma workspace with a fast, modern UI.

🚀 How to Use Vernac1: Select your design: Click any Frame, Group, Component, or Text layer on your canvas.

2: Pick target languages: Select from the pre-set language chips or click + Other to add any custom language.

3: Auto-translate or enter text:

Click ⚡ Auto Translate at the top of a tab to translate all text layers at once.

Click ⚡ next to an individual field to translate a single line.

Or type/paste your own custom proofread copy directly into the input fields.

4: Exclude layers (Optional): Use the toggle switch next to any layer to skip translating it for that specific language.

5: Generate: Click Generate Localized Frames and your localized design frames will appear neatly arranged side-by-side on your canvas!

💡 Pro-TipsPer-Language Control: Toggle switches are language-specific—you can keep a brand name untranslated in Kannada while translating everything else in Tamil!

Baseline + Refine: Use Auto-Translate for instant drafts, then refine individual fields for localized perfection.

Clean Canvas: Hidden layers are skipped automatically, keeping your newly generated frames accurate and clutter-free.