Skip to main content
Multilingual layout stacks your original lyrics with one or more translations so singers and audiences can follow along in any language. Use it for international audiences, language learners, or any project where readability across languages matters.

​
What multilingual layout does

  • Displays lyrics in multiple languages at the same time, stacked vertically
  • Lets you translate lyrics instantly with AI or paste your own translations for free
  • Lets you control which languages appear, in what order, and how they look
  • Supports independent font, color, and effect settings per language
  • Works with Arabic, Hebrew, Chinese, Japanese, Korean, and other non-Latin scripts

​
Enable multilingual layout

1

Open your project in the Studio

Navigate to online.youka.io and open your project.
2

Open the Layout panel

In the Studio sidebar, click Layout.
3

Set the layout type to Multilingual

In the Layout Type selector, choose Multilingual. The video preview switches immediately to show the stacked language layout.
Your project must have synced lyrics before you can use multilingual layout. If lyrics aren’t synced yet, complete that step first.

​
Add translations

Open the translation editor from the Layout panel by clicking Manage Translations under Multilingual Settings.
The fastest way to add a translation — Youka generates it automatically.
1

Click Add Translation

In the translation editor header, click Add Translation.
2

Select a target language

Choose the language you want to translate into from the list.
3

Choose Translate with AI

Select Translate with AI, review the credit cost, then click Generate.
4

Wait for the translation

Translation completes in a few seconds. The new language appears immediately in your layout.
AI translation costs credits. Check your credit balance in the account menu before generating.

​
Manage languages

​
Show or hide a language

In the Layout panel under Multilingual Settings, check or uncheck the box next to each language. Unchecked languages are hidden from the video but not deleted.

​
Reorder languages

Languages appear on screen from top to bottom in the order listed. To change the order:
  1. Find the grip handle (⋮⋮) next to the language you want to move.
  2. Click and drag it to the new position.
Put the language most familiar to your audience first — it displays at the top with full opacity.

​
Remove a language

  1. In the Layout panel, find the language you want to delete.
  2. Click the delete icon next to it.
  3. Confirm the deletion.
Removing a language permanently deletes all of its translated lyrics. This action cannot be undone.

​
Customize appearance

​
Text styling per language

Each language can use a completely different font, size, and color scheme.
1

Open the Text Style panel

In the Studio sidebar, click Text Style.
2

Select a language tab

At the top of the panel, click the tab for the language you want to style.
3

Customize the style

Adjust font family, size, inactive color, active (sung) color, outline, letter spacing, and text case independently for this language.
Use language-appropriate fonts for best readability — for example, a CJK font for Chinese, Japanese, or Korean text, or an Arabic-compatible font for Arabic and Hebrew.

​
Language spacing

Control the vertical gap between stacked language lines:
  • In the Layout panel, find Language Spacing and drag the slider (0–10).
  • Higher values add more space between languages.
  • Recommended: 4–6 for most layouts. Increase if lines overlap with larger font sizes.

​
Translation opacity

Reduce the visual prominence of translations relative to the primary language:
  • In the Layout panel, find Translation Opacity and drag the slider (0–100%).
  • The first language in your list always stays at 100% opacity.
  • All other languages use the opacity value you set here.
  • Recommended: 60–80% for translations that are visible but not distracting.

​
Lines per screen and alignment

These settings apply to all languages together:
SettingDescription
Lines Per ScreenNumber of lyric lines visible at once (default: 2)
AlignmentLeft, center, or right alignment for all languages
PaddingSpace between the lyrics area and the edges of the frame

​
Text effects

All languages share the same text effect. Choose one in the Text Style panel:
Static text with no animation. Best for subtitle-style presentations or when you want minimal visual distraction.

​
Tips

​
Language ordering

  • Put the original language first so it appears at the top with full opacity.
  • Place your audience’s most familiar language second.
  • Add less common languages further down, or hide them for specific exports.

​
Font selection for non-Latin scripts

  • Arabic / Hebrew: Choose a font that supports right-to-left text. Set Text Direction to RTL in the Text Style panel.
  • Chinese / Japanese / Korean: Use a CJK-compatible font to ensure all characters render correctly.
  • Always test in the preview before exporting — some characters may not render if the selected font doesn’t support them.

​
Spacing and readability

  • Show 2–3 languages at most for comfortable reading.
  • If the screen feels crowded, reduce translation opacity or increase language spacing.
  • Use a smaller font size for translation lines to keep focus on the primary language.

​
Troubleshooting

This error appears when a manual translation has a different number of lines than the original lyrics.Fix: Count the lines in your original lyrics, then add or remove line breaks in your translation until the counts match. The editor shows both counts and turns green when they are equal.
Check the following:
  • Is the language checked (visible) in the Layout panel?
  • Is Translation Opacity set too low (below 10%)?
  • Is the language hidden behind another element or outside the safe area?
  • Increase the Language Spacing slider.
  • Reduce font size for one or more languages.
  • Show fewer languages at once by unchecking some in the Layout panel.
  • Increase Translation Opacity to 80–100%.
  • Verify that the effect color has sufficient contrast against the background.
  • Check the preview in full-resolution mode for accurate rendering.

Text Style

Full guide to fonts, colors, and text effects

Layout options

Overview of all layout modes available in the Studio

Duet Mode

Assign lines to different singers with unique colors and positions

Understanding credits

Learn how credits work and when they are consumed