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

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

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

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

Claude APIを使う ​

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

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

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

Claude Promptを使う ​

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

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

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

Emailifyが生成する手動プロンプトには、デフォルトで選択したすべてのロケールが1つのCSVプロンプトにまとめて含まれるため、1回のリクエストで複数のロケールをすばやく翻訳できます。