Geminiでメールデザインを翻訳する

Emailify内でGeminiを使い、APIによる直接翻訳か手動のCSVプロンプトで、Figmaのメールフレームをローカライズできます。

EmailifyはGeminiに2つの方法で対応しています。

  • Gemini API：プラグイン内で翻訳とインポートを自動で行います。
  • Gemini Prompt：Geminiアプリを使い、手動でコピー＆ペーストするワークフローです。

Gemini APIを使う ​

  1. EmailifyのLocalizeボタンをクリックします。
  2. Gemini APIを選択します。
  3. Google AI StudioのAPIキーを貼り付けます。
  4. Emailifyで使うGeminiのモデルを選びます。
  5. 翻訳したいメールフレームと翻訳先のロケールを選択します。
  6. 翻訳中もインラインの太字、斜体、リンク付きテキストを保持するため、Use Markdownは有効のままにしておきます。このオプションは、Geminiを使う方法ではデフォルトで有効になっています。
  7. Translate & Importをクリックします。

Emailifyは選択したフレームのテキストをGeminiに送信して翻訳し、翻訳結果をローカライズされたメールフレームの複製としてFigmaに自動でインポートします。

GeminiのAPIキーは、Figmaユーザーごとにお使いのデバイスに保存され、Figmaファイル自体には保存されません。

Gemini Promptを使う ​

  1. ローカライズのオプションでGemini Promptを選択します。
  2. 翻訳したいメールフレームとロケールを選択します。
  3. Generate Promptをクリックします。
  4. Copy Promptをクリックします。
  5. Geminiでプロンプトを実行し、回答にCSVの生データのみが含まれていることを確認します。
  6. CSVの回答をEmailifyに貼り付けます。
  7. Translate Figma Framesをクリックして、翻訳したコンテンツをFigmaにインポートします。

手動のプロンプトのワークフローでは、GeminiのモデルはGemini内で自分で選びます。Emailifyは翻訳されたフレームをFigmaにインポートする前に、CSVの構造を検証します。

生成されたプロンプトでは、対応しているMarkdownの書式を保持し、Markdownの記号、URL、プレースホルダーを変更しないようGeminiに指示しています。これにより、翻訳したコンテンツを正しいインラインスタイルのままFigmaにインポートできます。

メールのコンテンツでプレースホルダー、マージタグ、URL、Markdownを使っている場合は、Emailifyがデザインに安全に対応付けられるよう、翻訳したCSVでもそれらを変更しないでください。