ClaudeでFigmaフレームを翻訳する

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

CopyDocでは、次の2つの方法でClaudeを使えます。

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

Claude APIを使う ​

  1. CopyDocでLocalize Framesボタンをクリックします。
  2. Claude APIを選びます。
  3. AnthropicのAPIキーを貼り付けます。
  4. CopyDocで使うClaudeのモデルを選びます。
  5. 翻訳したいFigmaフレームと対象のロケールを選びます。
  6. 翻訳時にインラインの太字、斜体、リンク付きテキストを保持したい場合は、Use Markdownをオンにします。
  7. Translate & Importをクリックします。

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

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

Claude Promptを使う ​

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

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

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

CSVの応答にあるid、frame_id、layer_name、figma_text列は、削除したり名前を変えたりしないでください。CopyDocはこれらの列を使って、翻訳された行を正しいFigmaレイヤーに対応付けます。