VberAI ワンクリック翻訳: UI / Figma / PSD のコピーのみ変更、レイアウトはそのまま

VberAI Studio（≠ Google AI Studio）は ワンクリック翻訳に対応しています。全画面 UI モックアップやインポートした Figma / PSD のテキストレイヤーに対し、インターフェースのコピーをターゲット言語に AI 翻訳します。テキストのみ変更され、レイアウト、ビジュアルデザイン、構造、階層はそのまま維持されます。言語ごとに UI を作り直したり、「コピー編集 → 再配置 → 再スライス」のループを繰り返す必要はありません。

製品: AI Studio。翻訳後も、ワンクリック リスキン、インプレース スライス、エンジン書き出しをチェーンで実行できます。用語集: UI 翻訳。

多言語 UI に時間がかかる理由

ゲームやアプリがより多くの市場に進出するとき、デザインは通常次のようになります。

1. 主要言語のビジュアルをロックする（全画面モックまたは Figma / PSD）
2. ボタン、タイトル、バッジ、タブのコピーを翻訳者に渡す
3. アート / UI が文字列を貼り戻し、長さの超過、折り返し、配置に苦労する
4. 多言語スライスを Unity / Godot / Cocos に書き出す

コストがかかるのは、めったに「文章の翻訳」ではありません。同じ UI レイアウトを N 回複製することです。構造は変わらないのに、言語ごとに貼り付け、フレーム調整、配置、QA に時間を費やします。ワンクリック翻訳は、その負担を対象にしています。ジオメトリと階層はロックされ、読み取り可能なコピーのみが交換されます。

	従来の多言語 UI	VberAI ワンクリック翻訳
プロセス	文字列シート → モックに貼り付け → サイズ変更 / 配置 → 再スライス	アートボード / レイヤーを選択 → ターゲット言語を選択 → AI がコピーを翻訳
構造	長さの変動により再配置が必要になることが多い	レイアウト、デザイン、構造、階層は固定
入力	多くの場合、緩い書き出しやテーブル	全画面モック、または Figma / PSD レイヤー（現在の Studio による）
最適な用途	厳格なコンプライアンスレビュー、極端なリフロー	迅速な多言語ビジュアル、多 locale 比較、イベントページのローカライズ

「ワンクリック翻訳」の意味

Studio の用語では、リリース可能な定義は次のとおりです。

1. 翻訳 — 画面上の読み取り可能なコピーをターゲット言語に変換します（メニュー、ボタン、バッジ、ヘルパーテキストなど）。
2. コピーのみ — パネルの再描画やテーマのリスキンはありません。アイコンや装飾レイヤーは可能な限りそのまま維持されます。
3. 構造は維持 — レイアウト、相対位置、サイズ関係、レイヤー順序は翻訳前のソースと一致するため、言語ごとに再構築する必要はありません。
4. 入力 — キャンバス UI モックアップ、およびインポートした Figma / PSD のテキスト関連レイヤー（エントリポイントは製品 UI に従います）。

ワンクリック リスキンとは異なります。リスキンはビジュアルテーマ（シーズン、IP など）を変更し、翻訳は画面上のコピーの言語を変更します—どちらもレイアウトは変わりません。一般的な流れ: UI レイアウトを確定 → 多言語モックを作成 → テーマ リスキン（任意）→ エンジンにスライス。

ビフォー / アフター：同じホーム画面、文案の言語のみ変更

以下は、VberAI Studio での同じカードゲームのホーム画面の翻訳前と翻訳後です。ナビゲーション、モードカード、サイドレール、ボトムバーはそのまま維持され、コピーの言語のみが変更されています。スクリーンショットの組み合わせはあくまで例示で、このページの言語とは無関係です。

トップバーのイベント / タスク / メール、3 つのモード列、ショップ / リワードのサイドエントリ、ホームから設定へのタブバーは、1 対 1 のジオメトリを維持しています。「Classic Mode / Tournament Mode」などのラベルはターゲット言語に切り替わり、画面全体を再描画する必要はありません。

手順

1. デザインを準備する

明確な入力を使います。

• キャンバス上の全画面 UI モック（AI 生成またはインポート）
• すでに Studio にインポートされた Figma / PSD（認識と書き戻しのために、テキストは独自のレイヤーにあることが望ましい）

コントロールの境界が明確で、テキストレイヤーが読みやすいと、翻訳後の QA が安定します。

2. アートボードまたは関連レイヤーを選択し、ワンクリック翻訳を開く

ローカライズする画面（またはテキスト関連レイヤー）を選択し、ツールバーから AI 翻訳 / ワンクリック翻訳 を開きます（ラベルは製品 UI に従います）。

3. ターゲット言語を選択して実行

ターゲット言語を選択します（例: RU → EN、EN → ZH、その他の地域のロケール）。確認して実行します。時間とクレジットは Studio パネルに従います。

4. 比較: 単語は変更され、フレームはドリフトしなかった

確認事項:

• プライマリボタン、モードカード、タブラベルが同じ相対位置にあるか
• 長い翻訳がオーバーフローしていないか（一部のロケールでは、わずかなタイプやコピーの調整が必要な場合があります）
• 人間による確定が必要な固有名詞、ブランド名、ゲームプレイ用語
• エンジニアリングがアセットを必要とする場合、スライス / 書き出し、または既存のレイヤードインポートパスを続行します

他の Studio パスとの連携

ニーズ	パス
同じレイアウト、多言語コピーモック	この記事: ワンクリック翻訳
同じレイアウト、シーズン / テーマ リスキン	ワンクリック リスキン
フラットな全画面アートをエンジンへ	インプレース スライス、モックを分割してエンジンへ
既存の Figma / PSD レイヤー	Figma→Unity および関連記事 — インポートしてから翻訳、または翻訳してから書き出し
エンジン内でボタンとスクリプトをバインド	Engine MCP ワークフロー

制限事項

• ワンクリック翻訳はジオメトリと階層をロックします。非常に長い文字列、縦書きの装飾、ピクセルに焼き付けられたアートテキストは、人間による確認が必要です。
• ゲームプレイのスラング、法的なコピー、支払い、年齢制限は、ローカライズレビューが必要です。機械出力だけを出荷しないでください。
• エンジン内の最終的な i18n（TMP / 文字列テーブル / ホットアップデート）はプロジェクトに残ります。Studio はデザイン側の多言語ビジュアルを高速化します。
• VberAI Studio は Google AI Studio ではなく、ページを Web 翻訳ツールにダンプするものではありません。比較を参照してください。

まとめ

多言語リリースは、「翻訳できるか」だけではありません。同じ UI レイアウトを locale や言語市場向けに低コストで複製できるかが重要です。VberAI Studio は、「UI モック / Figma / PSD → ワンクリック翻訳（コピーのみ）→ レイアウトと構造はそのまま」を 1 つのキャンバスで実現し、オプションでリスキン、スライス、エンジン書き出しが可能です。再構築の手間が減り、複数市場の検証が速くなります。ここから始めましょう: AI Studio。

FAQ

UI 翻訳と「UI を翻訳する」は同じですか？
表現は重なります:UI 翻訳は読み取り可能なインターフェース コピーのローカライズを指し、UI を翻訳するは全画面モックを別言語にすることを指すことが多いです。VberAI ワンクリック翻訳は両方に対応—全画面 UI または Figma / PSD テキストレイヤーのコピーのみ; レイアウト、デザイン、構造、階層は固定のままです。

VberAI のワンクリック翻訳とは何ですか？
VberAI Studio では、全画面 UI または Figma / PSD 関連レイヤーのコピーを AI 翻訳し、レイアウト、デザイン、構造、階層はソースと整合したまま、テキストのみが置き換えられます。

翻訳後、レイアウトは本当にそのままですか？
はい。製品の目標は、UI レイアウトのジオメトリと階層を 1 対 1 で維持することです。QA の焦点は、文字列の長さと固有名詞です。

Figma / PSD に対応していますか？
はい。Studio でインポートした Figma / PSD レイヤーを翻訳できます（現在のパネルによる）。通常、テキストレイヤーが分離されていると、より良い結果が得られます。

これはワンクリック リスキンやインプレース スライスと同じですか？
いいえ。翻訳は言語を変更し、リスキンはテーマの外観を変更し、スライスはフラットな画面をエンジン対応のレイヤーに変換します。3 つすべてをチェーンで実行できます。

最適な用途は何ですか？
世界展開向けの多言語ホーム画面、イベントページのローカライズ、多 locale の並列比較、および「まずビジュアルの多言語モック、後でエンジンの文字列テーブル」ワークフローの高速化です。