動画チュートリアル:FigmaのスライドをワンクリックでCanvaにエクスポートする
この動画では、Pitchdeckプラグインを使って、FigmaのスライドをPSDファイル経由でワンクリックでCanvaにエクスポートする方法を紹介します。
Canva用にプレゼンテーションをエクスポートするには、PitchdeckのツールバーにあるExportボタンをクリックし、エクスポート形式でCanva (.psd files) を選択します。
標準では、Pitchdeckは選択したスライド1枚ごとに1つの.psdファイルをエクスポートします。複数のスライドの場合は、.zipファイルをダウンロードして解凍してから、番号付きのPSDファイルをCanvaにインポートしてください。スライドを1枚だけ選択した場合は、.psdファイルとして直接ダウンロードされます。
スライドの順序とファイルサイズ
標準の設定では、各PSDにスライドが1枚ずつ含まれるため、Canvaで資料全体が1つの大きなキャンバスにまとめられることはありません。番号付きのファイル名は、Pitchdeckに表示されるエクスポート順に従います。ファイル名の順にファイルをインポートし、インポート後にCanvaでページの順序を確認してください。
Canvaでは、1ファイルあたり300 MBまでのPSDファイルをインポートできます。ファイルがこの上限を超えると、Pitchdeckが警告を表示します。スライドが大きすぎる場合は、2x Retina Imagesをオフにしてもう一度お試しください。
スライドを1つのPSDにまとめる
Combine Slides into One PSDは標準ではオフです。オンにすると、選択したスライドが1つのPSDにまとめられます。Canvaでは、そのファイルが別々のページではなく、1つの大きなキャンバスとしてインポートされる場合があります。スライドごとに個別のPSDにしたい場合は、このオプションをオフのままにしてください。
まとめた資料がエクスポートのサイズやメモリの上限を超える場合、PitchdeckはRetinaの解像度を下げるか、自動的に別々のPSDファイルに分割してZIPにまとめることがあります。
テキストの見た目
標準では、テキストは編集可能なまま残ります。回転していないテキストボックスについては、PitchdeckがFigmaのテキストボックス全体をPSDに保持するため、Canvaでボックスが表示されている文字の幅まで狭められることはありません。ただし、Canvaで使えるフォントであっても、PSDのインポート時にCanvaがフォントを置き換えたり、単語を折り返し直したりすることがあります。
Render Text as Images (Non-Editable) は標準ではオフです。オンにすると、テキストはリッチテキストではなく、Figmaでレンダリングされたタイポグラフィを使った編集できない画像レイヤーとして出力されます。フォントの置き換えを防ぎ、元の改行を保持できます。このオプションをオンにすると、Canvaで文言やテキストの書式は編集できません。そのほかのレイヤーは個別のまま残ります。
画像の設定
Canvaのエクスポートには、ほかの画像ベースのエクスポートと同じImage Settingsのコントロールがあります。
- Compress Imagesは、可能な範囲で生成されるPSDのファイルサイズを小さくします。
- 2x Retina Imagesは、より高解像度のPSDをエクスポートします。
- Downsize Large Figma Image Fillsは、エクスポート前にサイズの大きすぎるFigmaの画像塗りを最適化します。
PSDファイルをCanvaにインポートする
Canvaを開き、エクスポートした.psdファイルをパソコンからインポートします。Pitchdeckが.zipファイルをエクスポートした場合は、先に解凍してから、個別の.psdファイルをCanvaにインポートしてください。Canvaは、対応している範囲で各PSDファイルを編集可能なCanvaデザインに変換します。
Canvaの公式のインポートガイドはこちらです:Import designs into Canva
アニメーション、動画、埋め込み、PitchdeckのWebプレゼンテーション機能は、エクスポートしたPSDファイルには含まれません。これらは、Pitchdeck Webアプリにアップロードしたプレゼンテーションでのみ使われます。
PPTXの資料全体をインポートする
Static Deckの下にあるCanva (Download PPTX) を選択すると、PitchdeckのPowerPoint変換を使ってエクスポートできます。ファイルをダウンロードしてから、Canvaにインポートします。これは手動でのファイルのインポートで、Pitchdeck内でCanvaアカウントを接続する必要はありません。
インポート後に、スライドの順序、テキストの折り返し、フォント、複雑なアートワークを確認してください。Canvaがフォントを置き換えたり、PowerPointの一部の要素を異なる形で解釈したりすることがあります。PSDでの見た目のほうがよい場合は、引き続き上記のPSDのワークフローを使えます。