canva-translate-design について
canva-translate-designは、Canvaデザイン内のテキストを指定言語に翻訳し、コピーを作成するスキルです。多言語デザインの作成向けで、編集トランザクションでテキストを一括置換し、確定前に承認を求めます。
主な機能
- 01ID・URL・名前でデザインを特定
- 02元デザインを残してコピーを作成
- 03デザイン内のテキスト要素を取得
- 04翻訳文を一括置換
- 05プレビュー後に承認を得て確定
活用シーン
- 01販促ポスターを別の言語に翻訳
- 02複数ページの翻訳版デザインを作成
- 03元デザインを保ちながらコピーの文面を更新
インストール
コマンドをコピーしてターミナルで実行します。
npx skills add https:/ / github.com/ canva-sdks/ canva-skills --skill canva-translate-designインストール後、Claude Code で/canva-translate-designを入力して読み込まれたか確認します。
詳細
Canva 翻訳
Canva デザイン内のすべてのテキスト要素を指定された言語に翻訳し、翻訳済みの内容を含む新しいコピーを作成します。
ワークフロー
1. デザインを見つける
ユーザーがデザイン IDを直接指定した場合(通常は D で始まります。例:DABcd1234ef)、その ID をデザイン識別子として使用します。Canva:search-designs には渡さないでください(検索対象はタイトルであり、ID ではありません)。
ユーザーがURLを指定した場合:URL からデザイン ID を抽出します(形式:https://www.canva.com/design/{design_id}/...)。
ユーザーが名前を指定した場合:Canva:search-designs を使用して、タイトルからデザインを検索します。一致する候補が複数ある場合は、ユーザーに確認してください。
2. 翻訳済みのコピーを作成する
同じサイズのコピーを作成するには、Canva:resize-design を使用します。これにより、元のデザインをそのまま残せます。
3. 編集トランザクションを開始する
新しいコピーに対して Canva:start-editing-transaction を使用し、次の情報を取得します。
- 編集に使用する
transaction_id - 各テキスト要素の
element_idと現在のテキスト内容
4. テキストを翻訳する
返されたテキスト要素ごとに、次の手順を実行します。
- テキストを指定された言語に翻訳します(Claude の翻訳機能を使用します)。
- 書式上の手がかり(改行、強調のパターン)を維持します。
- 適切に固有名詞、ブランド名、専門用語をそのまま残します。
5. 翻訳を適用する
翻訳したすべての要素について、replace_text 操作を指定して Canva:perform-editing-operations を使用します。置換はすべて1回の呼び出しにまとめます。
また、言語が分かるようにデザインタイトルを更新します(例:「 (スペイン語)」を追加するか、タイトルを翻訳します)。
6. 変更を確定する
翻訳済みのプレビューサムネイルをユーザーに見せた後、次の手順を実行します。
- 保存するための明示的な承認を求めます。
Canva:commit-editing-transactionを使用して確定します。- 新しく作成した翻訳済みデザインへのリンクを提示します。
対話例
ユーザー:「Summer Sale Poster」をフランス語に翻訳してください
手順:
- 検索:「Summer Sale Poster」をクエリとして
Canva:search-designsを使用します。 - コピー:
Canva:resize-designを使用して複製を作成します。 - 編集:コピーに対して
Canva:start-editing-transactionを実行します。 - すべてのテキスト要素をフランス語に翻訳します。
- 適用:すべての
replace_text操作を指定してCanva:perform-editing-operationsを実行します。 - プレビューを表示し、承認を得てから確定します。
重要な注意事項
- 必ずコピーを作成し、元のデザインは変更しないでください。
- 効率化のため、すべてのテキスト置換を1回の
perform-editing-operations呼び出しにまとめてください。 - 翻訳によってテキストの長さが大きく変わる場合は、Canva でレイアウトの調整が必要になる可能性があることをユーザーに伝えてください。
- 複数のページがあるデザインは、同じトランザクション内ですべてのページを翻訳してください。