Canva AIとHeyGenを組み合わせると、説明用のvisualをCanvaで整え、HeyGenのavatar・script・voiceを加えて動画にできます。まず決めるのはどちらの画面から始めるかです。HeyGen公式のCanva integrationは、Canva designへHeyGen avatarやscriptを加える方法と、Canva designをHeyGenへPPTXまたはvideo sceneとして取り込む方法の両方を案内しています。二つは同じ操作ではないため、作りたい完成物に合わせて一方を選びます。
この記事では「短いサービス解説を、画面資料とavatar narrationで作る」例を使い、構成、visual、script、timing、書き出し後の確認までを整理します。実際に生成した動画の品質や所要時間を測定した体験談ではありません。integrationの画面や利用条件は更新されるため、公式Helpで現在の手順を照合してください。
目次
先に動画の用途と完成条件を決める
作り始める前に、配信先、長さ、画面比率、字幕、ブランド要件を決めます。YouTube向けの横長説明と、縦型shortではcanvasから違います。Canva側で全sceneを作ってから別の比率へ変えると、文字やvisualの再配置が必要になるため、用途を先に固定します。
表は横にスクロールできます
| 用途 | 先に決めること | 最終確認 |
|---|---|---|
| 横長解説 | 16:9、scene数、字幕位置 | mobile再生で本文が読める |
| 縦型short | 9:16、safe area、caption | UI overlayで字幕が隠れない |
| 社内研修 | screen recordingや図解の量 | 用語と手順が正確 |
| Web埋め込み | 再生サイズ、無音視聴 | 音声なしでも要点が伝わる |
動画を「AI avatarが話すもの」とだけ決めると、scriptが長くなり、画面には同じ文章が並びがちです。視聴者が見終わった時に何を理解するかを一つに絞り、各sceneを一つの要点に割り当てます。
Canvaでscene設計とvisualを整える
Canvaは、sceneごとの背景、見出し、図解、画像、ブランド色を構成する場所として使えます。1sceneに説明を詰めず、見出し1つ、要点1つ、補足visual程度に整理します。文章で説明すべき内容を小さな文字で画面へ押し込まず、narrationと画面の役割を分けてください。
表は横にスクロールできます
| Scene | 画面に出すもの | narrationで補うもの |
|---|---|---|
| 1 問題 | 読者が困っている状態 | なぜ今整理する必要があるか |
| 2 判断軸 | 2〜3個の比較軸 | どの条件で選択が変わるか |
| 3 手順 | stepごとのvisual | 操作の理由や注意点 |
| 4 失敗例 | NG / OKの対比 | どこを確認すれば直せるか |
| 5 next action | checklistやリンク先 | 視聴後に試す一つの行動 |
Canva AIを使って見出し案、visual候補、背景などを作る場合も、生成物をそのまま公開前提にしないでください。ブランド色、商品UI、ロゴ、数字、固有名詞、画像の権利と用途を担当者が確認します。特に画面内の価格・仕様は時間が経つと古くなるため、出典と確認日を制作資料側に残すと更新がしやすくなります。
連携方式A:Canva designへHeyGenを追加する
HeyGen公式のCanva integrationでは、CanvaのAppsからHeyGen AI Avatarsを開き、アカウントを接続し、avatar、script、voiceを選んでvideoを生成し、MP4で書き出す流れが紹介されています。この方式はCanvaを編集の入口にしたい場合に向きます。アプリの表示や有効化、利用可能なavatar・voice・creditsはaccount planなどに依存するため、作業前に自分のworkspaceで確認します。
流れは次のとおりです。
-
Canvaで配信先に合わせたdesignを作る。
-
AppsからHeyGen AI Avatarsを探し、認証画面で接続する。
-
必要なsceneへavatarを置き、script、voice、languageを選ぶ。
-
sceneごとの読み上げ時間と画面切替を調整する。
-
生成後に字幕、visual、音声、固有名詞を再生確認する。
-
CanvaからMP4を書き出し、スマートフォンでも確認する。
scriptを画面の見出しと同じ文章にすると、視聴者は読むか聞くか迷います。画面は要点、voiceは理由や補足へ分けて、無音でも伝わる見出しや字幕を用意します。
連携方式B:Canva designをHeyGenへ取り込む
別のworkflowでは、Canva designをPPTXまたはvideoとして書き出し、HeyGenへimportしてavatarやscriptを加えます。HeyGen Helpでは、design import後にavatar、script、voiceを追加できる流れが案内されています。ただしcomplex animationや一部font・elementは完全に再現されず、font置換、layout shift、missing elementが起きることがあります。大量sceneを作る前に、代表slideを一枚だけ取り込んで確認します。
選び分けの目安は、Canva内でavatarも含めて仕上げたいなら方式A、Canvaで作ったslideをHeyGen editor上でsceneとして扱いたいなら方式Bです。PPTXをvideo sceneにする場合、個々の要素が編集可能なまま保持されるとは限りません。import後は背景、文字、画像、avatar、音声を一度ずつ確認し、ずれがあれば元designを修正するか、最終編集をどちらで行うか決めます。
narrationとvisualの尺を合わせる
scriptの文字数だけでは、動画の長さを正確に予測できません。固有名詞、数字、間、画面を読む時間によって聞き取りやすさが変わります。sceneごとに「話す要点」「表示する要素」「読む時間」を表にし、詰め込みすぎならsceneを分割します。
表は横にスクロールできます
| scene | narrationの役割 | 画面上の情報 | 見直し基準 |
|---|---|---|---|
| 導入 | 何が解決するか | 問題と結果 | 最初に答えが伝わる |
| 手順 | 判断の理由 | 1操作ずつ表示 | 読み終える前に切り替わらない |
| 注意 | 失敗例と境界 | NG/OKまたは条件 | 強い注意語と映像が一致 |
| 結論 | 次の行動 | URLやchecklist | 実行内容が一つに絞られる |
HeyGenでvoiceやavatarを選ぶ場合、声質だけでなく、固有名詞の発音、話速、字幕との同期、画面内人物の位置を確認します。字幕が読み終わる前にsceneが切り替わる場合、script短縮、scene延長、字幕の分割のどれを直すか決めます。生成動画は最終版ではなく、編集・QAの対象です。
公開前の動画QA
-
videoの最初の数秒で、何を説明する動画か伝わる
-
sceneが一つの要点に対応している
-
小さい文字や安全領域外へ重要情報を置いていない
-
voiceと画面文字が同じ文章を繰り返していない
-
scriptの価格・仕様・数字を一次情報で確認した
-
avatarの口元、手、字幕、voiceの同期を確認した
-
CanvaからHeyGen import時のfont・animation・element差を確認した
-
音声なしでも字幕とvisualから主旨が分かる
-
phone、desktopの両方で見切れがない
-
export後のファイルが期待する比率・音声・字幕になっている
テスト時は本番の製品画面や顧客情報を含めないサンプルを使います。公開用素材の利用許諾、出演者やavatarの利用条件、BGM・画像・フォントの権利も制作主体のルールに照らします。
使い分けの判断
表は横にスクロールできます
| 条件 | 合いやすい進め方 |
|---|---|
| Canvaを主編集画面として使い続けたい | CanvaからHeyGen appを使う方式を試す |
| slideをHeyGenでscene化してavatarを足したい | PPTX importを1枚で検証してから進める |
| animationや複雑なfontが重要 | import後に崩れないか先にprototype |
| avatarが不要で図解だけで伝わる | Canva内で動画・字幕まで完結できるか確認 |
| scriptの正確性が重要 | AI narrationを公開前の人手reviewへ通す |
AIものさしの判断
Canva AI+HeyGenは、単純に両方を使うことではなく、Canvaのvisual設計とHeyGenのavatar・voiceをどこでつなぐか選ぶworkflowです。まず一つの短い解説を作り、連携方式A/Bのうち目的に合う方だけを試します。import fidelity、音声、字幕、スマートフォンの可読性を確認し、役割が重なって編集が難しくなるなら、最終編集画面を一つに絞ってください。
引用・データ出典
公式情報を編集部が見た内容です。Hands-on未実施の記述は本文かここに分けています。
確認日:2026-10-08
HeyGen Help:Canva creations integration(新しいタブで開く)
Canva:AI Video Generator(新しいタブで開く)
HeyGen Help:Using Voices in AI Studio(新しいタブで開く)
HeyGen Canva integration — https://www.heygen.com/integrations/canv(新しいタブで開く)a
