← Retour au blog

Traduction en un clic VberAI : UI / Figma / PSD — Copie uniquement, mise en page inchangée

VberAI Studio traduit les maquettes UI et les calques de texte Figma/PSD : copie uniquement, mise en page, design, structure et hiérarchie restent fixes—lancement multilingue et mondial plus rapide.

Publié le
  • vberai
  • ai-studio
  • ui-translate
  • ui-translation
  • game-ui-translate
  • localization
  • i18n
  • figma
  • psd
  • game-ui
  • tutorial
Traduction en un clic VberAI : UI / Figma / PSD — Copie uniquement, mise en page inchangée

VberAI Studio (≠ Google AI Studio) prend en charge la traduction en un clic : prenez une maquette UI plein écran ou des calques de texte Figma / PSD importés et traduisez par IA la copie de l’interface dans la langue cible—texte uniquement. La mise en page, le design visuel, la structure et la hiérarchie restent tels quels. Vous ne reconstruisez pas une UI par langue et ne faites pas de boucle « modifier la copie → réorganiser → redécouper ».

Produit : AI Studio. Après la traduction, vous pouvez toujours enchaîner avec le reskin en un clic, le découpage en place et l’export vers le moteur. Glossaire : Traduction UI.

Pourquoi une UI multilingue coûte autant de temps

Lorsque les jeux et les applications entrent sur davantage de marchés, le design ressemble généralement à ceci :

  1. Verrouiller un visuel dans la langue principale (maquette plein écran ou Figma / PSD)
  2. Confier les textes des boutons, titres, badges et onglets aux traducteurs
  3. L’art / l’UI recolle les chaînes, lutte contre les débordements de longueur, le retour à la ligne et l’alignement
  4. Exporter des tranches multilingues vers Unity / Godot / Cocos

La partie coûteuse n’est rarement « traduire des phrases ». C’est cloner la même mise en page UI N fois : structure inchangée, mais chaque langue brûle du collage, des ajustements de cadre, de l’alignement et de l’assurance qualité. La traduction en un clic cible cet étirement—géométrie et hiérarchie verrouillées ; seule la copie lisible change.

UI multilingue traditionnelleTraduction en un clic VberAI
ProcessusFeuille de chaînes → collage dans la maquette → redimensionner / aligner → re-découperSélectionner le plan de travail / les calques → choisir la langue cible → l’IA traduit la copie
StructureLa dérive de longueur force souvent la réorganisationLa mise en page, le design, la structure et la hiérarchie restent fixes
EntréeSouvent des exports lâches ou des tableauxMaquette plein écran, ou calques Figma / PSD (selon le Studio actuel)
Idéal pourRevue de conformité lourde, reflux extrêmeVisuels multilingues rapides, comparaisons multi-locale, localisation de pages d’événements

Ce que signifie « traduction en un clic »

Dans les termes du Studio, une définition livrable est :

  1. Traduire — Transformer la copie lisible à l’écran dans la langue cible (menus, boutons, badges, texte d’aide, etc.).
  2. Copie uniquement — Pas de redessin de panneau, pas de reskin de thème ; les icônes et les calques de décoration restent en place autant que possible.
  3. La structure reste — La mise en page, les positions relatives, les relations de taille et l’ordre des calques correspondent à la source avant traduction, afin de ne pas reconstruire par langue.
  4. Entrées — Maquettes UI sur le canevas, plus calques liés au texte Figma / PSD importés (les points d’entrée suivent l’interface du produit).

Cela diffère du reskin en un clic : le reskin change le thème visuel (saison, IP, etc.) ; la traduction change la langue du texte à l’écran—aucun ne change la mise en page. Flux typique : verrouiller la mise en page UI → produire des maquettes multilingues → reskin thématique optionnel → découper dans le moteur.

Avant / après : même écran d’accueil, seule la langue du texte change

Ci-dessous, le même écran d’accueil de jeu de cartes dans VberAI Studio avant et après traduction : la navigation, les cartes de mode, le rail latéral et la barre inférieure restent en place ; seule la langue de la copie change. La paire de captures est un exemple seulement, sans lien avec la langue de cette page.

Avant traduction : écran d'accueil UI

Après traduction : écran d'accueil UI

Événements / tâches / mail de la barre du haut, les trois colonnes de mode, les entrées latérales boutique / récompenses et la barre d’onglets de l’accueil aux réglages gardent une géométrie un pour un. Des libellés comme « Classic Mode / Tournament Mode » passent à la langue cible sans redessiner tout l’écran.

Étapes

1. Préparer le design

Utilisez une entrée claire :

  • Une maquette UI plein écran sur le canevas (générée par IA ou importée)
  • Figma / PSD déjà importé dans le Studio (préférez le texte sur ses propres calques pour la reconnaissance et la réécriture)

Des limites de contrôle propres et des calques de texte lisibles rendent l’assurance qualité post-traduction plus stable.

2. Sélectionner le plan de travail ou les calques liés, ouvrir la traduction en un clic

Sélectionnez l’écran (ou les calques liés au texte) à localiser, puis ouvrez Traduction IA / traduction en un clic depuis la barre d’outils (les libellés suivent l’interface du produit).

3. Choisir la langue cible et exécuter

Choisissez la langue cible (par exemple RU → EN, EN → ZH, ou d’autres locales régionales). Confirmez et exécutez ; le temps et les crédits suivent le panneau du Studio.

4. Comparer : les mots ont changé, les cadres n’ont pas dérivé

Vérifiez :

  • Les boutons principaux, les cartes de mode et les libellés d’onglets sont toujours aux mêmes positions relatives
  • Si les traductions longues débordent (certaines locales peuvent nécessiter de légers ajustements de police ou de copie)
  • Les noms propres, les marques et les termes de gameplay qui nécessitent une validation humaine
  • Lorsque l’ingénierie a besoin des assets, continuez avec le découpage / l’export ou un chemin d’import de calques existant

Comment cela se combine avec les autres parcours du Studio

BesoinParcours
Même mise en page, maquettes multilinguesCet article : traduction en un clic
Même mise en page, reskin saisonnier / thématiqueReskin en un clic
Art plein écran plat vers le moteurDécoupage en place, split maquette → moteur
Calques Figma / PSD existantsFigma→Unity et articles connexes—import puis traduire, ou traduire puis exporter
Lier boutons et scripts dans le moteurWorkflow MCP moteur

Limites

  • La traduction en un clic verrouille la géométrie et la hiérarchie ; les chaînes très longues, les décorations calligraphiques verticales ou le texte artistique intégré dans les pixels méritent toujours une passe humaine.
  • L’argot de gameplay, les textes juridiques, les paiements et les classifications d’âge nécessitent une revue de localisation—ne livrez pas une sortie machine seule.
  • L’i18n finale dans le moteur (TMP / tables de chaînes / mises à jour à chaud) reste dans le projet ; le Studio accélère les visuels multilingues côté design.
  • VberAI Studio ≠ Google AI Studio, et il ne s’agit pas de déverser une page dans un traducteur web ; voir la comparaison.

Conclusion

La sortie multilingue ne consiste pas seulement à « savoir traduire ». C’est de savoir si la même mise en page UI peut être répliquée à moindre coût sur les locales et marchés linguistiques. VberAI Studio garde « maquette UI / Figma / PSD → traduction en un clic (copie uniquement) → mise en page et structure inchangées » sur un seul canevas, puis reskin optionnel, découpage et export moteur—moins de gaspillage de reconstruction, validation multi-marchés plus rapide. Commencez ici : AI Studio.

FAQ

La traduction UI est-elle la même chose que « traduire UI » ?
Les expressions se chevauchent : traduction UI signifie généralement localiser le texte lisible de l’interface ; traduire UI signifie souvent transformer une maquette plein écran dans une autre langue. VberAI traduction en un clic couvre les deux—copie uniquement sur UI plein écran ou calques Figma / PSD ; mise en page, design, structure et hiérarchie restent fixes.

Qu’est-ce que la traduction en un clic VberAI ?
Dans VberAI Studio, traduisez par IA la copie sur une UI plein écran ou des calques liés Figma / PSD tandis que la mise en page, le design, la structure et la hiérarchie restent alignés avec la source—seul le texte est remplacé.

La mise en page reste-t-elle vraiment la même après la traduction ?
Oui. L’objectif produit est une géométrie et une hiérarchie de mise en page UI un à un ; l’assurance qualité se concentre sur la longueur des chaînes et les noms propres.

Est-ce que cela prend en charge Figma / PSD ?
Oui—traduisez les calques Figma / PSD importés dans le Studio (selon le panneau actuel). Les calques de texte séparés fonctionnent généralement mieux.

Est-ce la même chose que le reskin en un clic ou le découpage en place ?
Non. La traduction change la langue ; le reskin change l’apparence du thème ; le découpage transforme un écran plat en calques prêts pour le moteur. Vous pouvez enchaîner les trois.

À quoi cela sert-il le mieux ?
Écrans d’accueil multilingues pour sortie mondiale, localisation de pages d’événements, comparaisons multi-locale côte à côte, et accélération des « maquettes multilingues visuelles d’abord, tables de chaînes moteur plus tard ».

D’autres guides qui pourraient vous intéresser

Comment générer des séquences d'images de jeu et des bandes-annonces avec l'IA, puis les livrer à Unity / Godot / Cocos

VberAI Studio génère des séquences d'images de jeu et des CG promotionnels/animés à partir de texte, d'images ou de premières-dernières images ; recadrez et découpez sur le canevas, puis livrez à Unity, Godot et Cocos. Inclut une procédure pas à pas, une liste de contrôle d'acceptation et pourquoi cela ne remplace pas Timeline / Sequencer.

  • ai-studio
  • game-video
  • sequence-frames
  • sprite-frames
Lire la suite