mcpField
C
canva-translate-design

canva-translate-design

github.com/canva-sdksデザイン・UI13883 回インストール5 日前に更新
リポジトリ

canva-translate-design について

canva-translate-designは、Canvaデザイン内のテキストを指定言語に翻訳し、コピーを作成するスキルです。多言語デザインの作成向けで、編集トランザクションでテキストを一括置換し、確定前に承認を求めます。

主な機能

  1. 01ID・URL・名前でデザインを特定
  2. 02元デザインを残してコピーを作成
  3. 03デザイン内のテキスト要素を取得
  4. 04翻訳文を一括置換
  5. 05プレビュー後に承認を得て確定

活用シーン

  1. 01販促ポスターを別の言語に翻訳
  2. 02複数ページの翻訳版デザインを作成
  3. 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. テキストを翻訳する

返されたテキスト要素ごとに、次の手順を実行します。

  1. テキストを指定された言語に翻訳します(Claude の翻訳機能を使用します)。
  2. 書式上の手がかり(改行、強調のパターン)を維持します。
  3. 適切に固有名詞、ブランド名、専門用語をそのまま残します。
5. 翻訳を適用する

翻訳したすべての要素について、replace_text 操作を指定して Canva:perform-editing-operations を使用します。置換はすべて1回の呼び出しにまとめます。

また、言語が分かるようにデザインタイトルを更新します(例:「 (スペイン語)」を追加するか、タイトルを翻訳します)。

6. 変更を確定する

翻訳済みのプレビューサムネイルをユーザーに見せた後、次の手順を実行します。

  1. 保存するための明示的な承認を求めます。
  2. Canva:commit-editing-transaction を使用して確定します。
  3. 新しく作成した翻訳済みデザインへのリンクを提示します。

対話例

ユーザー:「Summer Sale Poster」をフランス語に翻訳してください

手順:

  1. 検索:「Summer Sale Poster」をクエリとして Canva:search-designs を使用します。
  2. コピー:Canva:resize-design を使用して複製を作成します。
  3. 編集:コピーに対して Canva:start-editing-transaction を実行します。
  4. すべてのテキスト要素をフランス語に翻訳します。
  5. 適用:すべての replace_text 操作を指定して Canva:perform-editing-operations を実行します。
  6. プレビューを表示し、承認を得てから確定します。

重要な注意事項

  • 必ずコピーを作成し、元のデザインは変更しないでください。
  • 効率化のため、すべてのテキスト置換を1回の perform-editing-operations 呼び出しにまとめてください。
  • 翻訳によってテキストの長さが大きく変わる場合は、Canva でレイアウトの調整が必要になる可能性があることをユーザーに伝えてください。
  • 複数のページがあるデザインは、同じトランザクション内ですべてのページを翻訳してください。

コメント