AI Localization

You can localize all text used in your No-Code screens directly in the Builder.

Localization supports manual translation, AI-assisted translation, variables, and live preview, allowing you to create consistent experiences across all languages your app supports.

Once localized, screens automatically display the correct language based on the user’s device locale. If a translation is missing, the default language is used as a fallback.

🚧
Beta Notice:
AI Localization is currently in beta. While it provides fast, high-quality translations for many languages, some results may require manual review — especially for right-to-left (RTL) languages or languages with more complex grammatical structures. We recommend checking all AI-generated translations in the Preview Panel before publishing your screen

Opening the Localization Panel

Open localization by selecting the Localization button in the Builder toolbar.

This opens the Localization Panel, where you can view all languages, add new ones, translate content, and preview the results in real time.

Your default language appears first and cannot be removed. This is the fallback language for any untranslated content.

Adding & Removing Languages

To add additional languages:

Open the Localization Panel.
Select Add Language.
Choose one or more languages from the list.
Languages appear using both their display name and ISO code, for example: French (Belgium) — fr-BE.

To remove a language, click the ellipsis menu (⋯).

❗️
Removing a language deletes all translations associated with that language.

Editing Translations

The Localization Panel displays a table of every text element used in your screen.

Each row represents a text key, and each column represents a language.
Select any cell to enter a translation. Changes are saved automatically.

Variables

Text fields that include variables such as {{price}}, {{trial_days}}, or product attributes can be translated normally.

A variable picker is available when editing, allowing you to insert supported variables directly into the translation. Variables cannot be edited or renamed, but they can appear anywhere in your translated text.

Using AI Translation

AI Translation helps translate content quickly without requiring custom prompts.

AI Translation becomes available when your project includes at least two languages.

You can translate:

A single language
Multiple selected languages
All languages at once

📘
If a translation already exists, the system will ask you whether AI should overwrite it.

During translation, progress indicators appear in the panel. If an error occurs, you can retry the translation.

AI-generated translations can be edited manually at any time.

Previewing Localized Screens

The Preview Panel shows your screen rendered in the currently selected language.

This helps you verify:

Line breaks
Layout shifts
Text length differences
Variable placement

You can switch between languages and pages using dropdown selectors.

Variables appear with sample values (e.g., {{price}} → $9.99) so you can check formatting.

The preview updates automatically whenever you change your translations.

Fallback Behavior

If a translation is missing, the screen uses the default language for that text.

This ensures your screens always render fully, even if some translations are incomplete.

Autosave

All translations are saved automatically every five seconds. You can exit the localization view at any time, and your changes will persist.

Best Practices

Finalize your default-language copy before adding translations.

Use variables for prices and durations to keep translations accurate as product metadata changes.
Use AI Translation for an initial pass, then refine manually.
Verify every language in the Preview Panel to ensure text fits your layout.
Keep all languages close to 100% completion before publishing screens.