動画チュートリアル：FigmaのメールデザインをChatGPTで翻訳する
この動画では、FigmaのメールデザインをChatGPTで（自動で）翻訳する方法を紹介します。
EmailifyはChatGPTに2つの方法で対応しています。
- ChatGPT API：プラグイン内で翻訳とインポートを自動で行います。
- ChatGPT Prompt：ChatGPTアプリを使い、手動でコピー＆ペーストするワークフローです。
ChatGPT APIを使う
翻訳からインポートまでの流れをすべてEmailifyに任せたい場合は、APIのワークフローが最も速い方法です。
- EmailifyのLocalizeボタンをクリックします。
- ChatGPT APIを選択します。
- OpenAIのAPIキーを貼り付けます。
- Emailifyで使うモデルを選びます。
- 翻訳したいメールフレームと翻訳先のロケールを選択します。
- 翻訳中もインラインの太字、斜体、リンク付きテキストを保持するため、Use Markdownは有効のままにしておきます。このオプションは、ChatGPTを使う方法ではデフォルトで有効になっています。
- Translate & Importをクリックします。
Emailifyは選択したフレームのテキストをロケールごとにChatGPTに送信し、翻訳結果をローカライズされたメールフレームの複製としてFigmaに自動でインポートします。
ChatGPTのAPIキーは、Figmaユーザーごとにお使いのデバイスに保存され、Figmaファイル自体には保存されません。
ChatGPT Promptを使う
APIキーを接続せず、ChatGPT内で自分で翻訳リクエストを実行したい場合は、手動のプロンプトのワークフローが便利です。
- ローカライズのオプションでChatGPT Promptを選択します。
- 翻訳したいメールフレームとロケールを選択します。
- Generate Promptをクリックします。
- Copy Promptをクリックします。
- ChatGPTでプロンプトを実行し、CSVの生データのみが返されることを確認します。
- CSVの回答をEmailifyに貼り付けます。
- Translate Figma Framesをクリックして、翻訳したコンテンツをFigmaにインポートします。
手動のプロンプトのワークフローでは、ChatGPTのモデルはChatGPTアプリ内で自分で選びます。Emailifyは貼り付けられたCSVを検証してからインポートします。
生成されたプロンプトでは、対応しているMarkdownの書式を保持し、Markdownの記号、URL、プレースホルダーを変更しないようChatGPTに指示しています。これにより、翻訳したコンテンツを元のFigmaテキストのスタイルに対応付けられます。
CSVの回答のid、frame_id、layer_name、figma_text列は、削除したり名前を変更したりしないでください。Emailifyはこれらの列を使って、翻訳された行を正しいFigmaレイヤーに対応付けます。