動画チュートリアル:プレゼンテーションをKeynoteにエクスポートする
この動画では、Pitchdeckプラグインを使って、Figmaでデザインしたスライド資料をKeynoteにエクスポートする方法を説明しています。
動画チュートリアル:FigmaからのPowerPointエクスポートにスライドマスターを追加する
この動画では、Pitchdeckプラグインを使って、Figmaから(スライドマスター付きの)PowerPointファイルをエクスポートする方法を説明しています。
動画チュートリアル:Figma SlidesをKeynoteにエクスポートする
この動画では、Pitchdeckプラグインを使って、Figma Slidesの資料をApple Keynoteにエクスポートする方法を説明しています。
このオプションを使うには、PitchdeckのツールバーにあるExportボタンをクリックし、プレゼンテーションのエクスポート形式としてKeynote (.pptx file) が選ばれていることを確認します。エクスポートの設定が済んだら、Export for Keynoteボタンをクリックしてスライドのエクスポートを開始します。
Keynoteへのエクスポートには、Pitchdeckのアニメーションと動画の埋め込みは含まれません。これらを再生するには、ブラウザでのプレゼンテーションを使ってください。MP4では、対応する動きと添付したナレーションが書き出され、外部の埋め込みコンテンツはポスター画像で表示されます。
Retina(@2x)画像を使う
2x Retina Imagesのトグルオプションをオンにすると、JPGとPNGの画像が自動的にRetina(@2x)解像度でエクスポートされます。プレゼンテーションの画像がよりシャープになりますが、JPGとPNGの画像のファイルサイズも大きくなります。
画像を圧縮する
Compress Imagesのトグルオプションをオンにすると、プレゼンテーションで使われているJPGとPNGの画像が圧縮されます。
Figmaのレイヤーの塗りを縮小する
Downsize Large Figma Image Fillsのトグルをオンにすると、レイヤーのFigmaの画像塗りが、実際のレイヤーサイズに合わせて自動的にリサイズ(および軽く圧縮)されます。もともと高解像度の画像をFigmaファイルにインポートした後、レイヤーのサイズを大幅に小さくした(元の大きな画像ファイルがそのまま使われている)場合に便利です。
よくある例としては、Unsplash(またはほかのストックフォトのサイトやプラグイン)から大きな画像を追加し、そのレイヤーをリサイズして、ずっと小さな「カード」や「アバター」の画像として使う場合があります。このような場合、Figmaファイルの動作が遅くなり、Pitchdeckのエクスポートオプションでこれらのレイヤーをエクスポートするときにクラッシュするおそれがあります。この機能を使うと、ファイルサイズを抑え、Figmaファイルのページのパフォーマンスを改善できます。
編集可能なテキストを使う
Use Editable Text を有効にすると、通常の Figma テキストは、入れ子のフレーム、グループ、Auto Layout 内でも編集可能になります。Smart Auto Layout のオン・オフは問いません。入れ子だけを理由に画像化しません。無効時はテキストも画像に含まれます。テキストまたは親レイヤー名の [PNG] は画像出力を指定します。ベクター化済み・画像内の文字は編集可能なテキストに戻せません。
未対応のマスク、クリッピング、効果、グラデーション・画像塗り、分離できない重なりに依存するテキストは、見た目を保つため画像になる場合があります。エクスポート警告に対象レイヤーと理由が表示されます。他のテキストは編集可能なままで、欠落フォントや簡略化した書式は別途報告します。リンクからレイヤーを確認し、編集を優先する場合は効果を除去してください。グループの見た目を画像で保つには [PNG] を追加します。
対応する円形・楕円形パスは PowerPoint で編集可能な WordArt になります。未対応パスは画像として保ち、警告に表示します。Google Slides と Keynote ではパス上のテキストを画像にし、直線化や文字単位への分割はしません。
編集可能なテキストをオンにすると、エクスポートした.pptxには、Figmaで切り抜かれている部分、マスクされている部分、透明な部分、ほかのレイヤーに覆われている部分も含め、レイヤーのテキスト全体が保持されることがあります。それらの部分は、プレゼンテーションを編集するときに表示される場合があります。含めたくないテキストは、エクスポート前に元のレイヤーから削除してください。
Smart Auto Layoutがオフの場合、Pitchdeckはネストされたテキストを前面に出し、直下の子要素のアートワークを個別に動かせるオブジェクトとして残し、残りのアートワークをスライドの背景画像にまとめます。クリッピングや隣接するレイヤーとのブレンドに依存するアートワークは、合成された背景に含まれたままになります。
カスタムフォントがインストールされているか、置き換えられていることを確認してください。 Figmaで使っているフォントがインストールされていないパソコンでエクスポートした.pptxファイルを開くと、テキストの見た目がFigmaのデザインと異なってしまいます。必要なフォントをインストールするか、必要に応じてPowerPoint・Keynote・Google Slidesで不足しているフォントを置き換えてください。
.pptxファイルのエクスポートで、特定のレイヤーをリッチテキストとして出力したくない場合は、テキストレイヤーを含む親レイヤー(フレーム、グループ、コンポーネント、インスタンスなど)のレイヤー名のどこかに [PNG] を含めます。すると、その親レイヤー内にネストされたテキストレイヤーはPowerPointのエクスポートでリッチテキストとして出力されなくなり、そのレイヤー全体が静的な画像として出力されます。テキストレイヤー自体の名前に [PNG] を追加することもできます。この例外は Use Editable Text がオンでも適用されます。
マスタースライドのプレースホルダーとして使うテキストでは、テキストレイヤーごとに1つの透明度の値のみに対応しています。1つのFigmaテキストレイヤーに異なる不透明度の値が混在していて、その違いをマスターレイアウトで編集可能なまま残す必要がある場合は、エクスポート前に別々のテキストレイヤーに分けてください。
Auto Layoutとネストされたレイヤーを編集可能なまま残す(ベータ版)
Smart Auto Layout & Nested Layers (Beta) をオンにすると、Auto Layoutのコンテナを含む、レイアウト用の安全なフレーム、グループ、コンポーネント、インスタンスの子要素が、Figmaでの位置を保ったまま個別のオブジェクトとしてエクスポートされます。テキスト以外のオブジェクトは相対的な重なり順を保ち、編集可能なテキストはその上に配置されます。安全なコンテナに独自の塗りがある場合、Pitchdeckはその背景を、対応する子要素の下に別途エクスポートします。ネストされたテキストレイヤーを編集可能なまま残すには、Use Editable Textと組み合わせて使ってください。このベータ版で制御されるのは、ネストされたレイヤーの分解だけです。下で説明するテキスト、透明度、ネイティブシェイプの改善は、すべてのPPTXエクスポートに適用されます。
Pitchdeckは、対応する単色の長方形、楕円、フラットキャップの線、透明度、個別のボーダー(例:下ボーダー)を、プレゼンテーションのネイティブシェイプとして保持します。ベータ版をオンにすると、安全なコンテナ内にネストされた対応するテキスト、箇条書き、アイコン、画像、線も、コンテナの背景とは別に残せます。ベクターだけで構成されたアイコンやロゴは、個別のパスに分割されず、1つの選択可能なオブジェクトとしてまとまったまま残ります。
PowerPointへのエクスポートでは、ベクターアートワーク内の対応するシンプルな円形のアウトラインも、編集可能なネイティブシェイプとして残せます。破線の楕円は、破線の間隔を保つためにアートワークのまま残ります。
PowerPointとKeynoteでは、.pptxに保存された編集可能なテキストの透明度が保持されます。Google Slidesでは、変換時にネイティブのシェイプや線の透明度は保持されますが、ネイティブのテキストカラーのモデルが透明度に対応していないため、編集可能なテキストの色が不透明になることがあります。Google Slidesで、編集できることよりも半透明のテキストを正確に再現することが重要な場合は、そのテキストレイヤーか親レイヤーの名前に [PNG] を追加してください。Pitchdeckが画像として見た目を保持します。
Smart Auto Layout は任意で、Figma の元データを変更しません。安全に分離できるテキストと画像は別々にし、分離できない構成は一つの画像として保ち、対象テキストについて警告します。
箇条書き・番号付きリストを出力する
Render Bullet/Number Listsオプションをオンにすると、Figmaのテキストレイヤーで作成したリストを引き継いだ.pptxファイルがエクスポートされます。
Figmaのリスト内のハードリターンは、PowerPoint互換のエクスポートでそれぞれ新しい箇条書きまたは番号付きの項目になります。ソフト改行は現在の項目内に残り、番号付きリストは連番が続きます。また、同じテキストレイヤー内で、通常の段落をリストの段落と並べてリストにしないまま残せます。
Google Slidesでは別の変換方法が使われます。Google Slidesで最も予測しやすい結果を得るには、リストごとにFigmaのテキストレイヤーを分け、通常のテキストは別のレイヤーに移してください。
スライド番号を含める
Include Slide Numberオプションをオンにすると、ページ番号を含む.pptxファイルがエクスポートされます。指定した位置に、各スライドのページ番号が自動的に追加されます。スライド番号の位置を変更するには、horizontal(Left、Center、Rightから選択)とvertical(Top、Center、Bottomから選択)のセレクトボックスをクリックします。
Figmaコンポーネントをマスタースライドとして使う
動画チュートリアル:FigmaからのPowerPointエクスポートにマスタースライドを追加する
この動画では、Pitchdeckプラグインを使って、FigmaからPowerPointファイルを(マスタースライド付きで)エクスポートする方法を紹介します。
Create Master Slides from Componentsオプションをオンにすると、Figmaコンポーネントとして作成したスライドが自動的に「マスタースライド」として使われる.pptxファイルがエクスポートされます。マスタースライドは、PowerPoint、Keynote、Google Slidesで新しいスライドを作成するためのテンプレートとして再利用できます。
画像のプレースホルダーはPowerPointでのみ使えます PowerPointのエクスポートオプションを選択した場合、画像(ロックされていないもの。下のヒントを参照)はマスタースライドのプレースホルダーに変換されます。残念ながら、Google SlidesとKeynoteのエクスポートオプションは画像のプレースホルダーに対応していないため、マスタースライドのテンプレートでは画像コンテンツは静的になります。
特定の画像レイヤーをプレースホルダーにしないようにする。 標準では、(スライドの背景以外の)すべての画像がマスタースライドのプレースホルダーに変換されます。これらの画像要素を静的なままにしたい場合は、FigmaのメインのレイヤーパネルでそのレイヤーをLockします。ロックした画像レイヤーは、マスタースライドで「そのまま」保持されます。
PowerPointでマスタースライドを編集した後にスライドを更新する。 PowerPointでマスタースライドを更新しても、そのレイアウトをすでに使っているスライドに変更がすぐに反映されない場合は、対象のスライドを選択してHome > Reset(New Slideの隣)をクリックすると、レイアウトが再適用され、継承された書式が更新されます。短い動画での解説もご覧ください。
.pptxファイルをダウンロードする
Exportボタンをクリックすると、.pptxファイルのダウンロードの準備ができたことを知らせる確認画面が表示されます。Figmaからパソコンに.pptxファイルをダウンロードするには、PitchdeckプラグインのDownload your .pptx fileボタンをクリックします。
Figmaからのダウンロードファイルを保存する Figmaのデスクトップアプリを使っている場合は、ファイルをダウンロードするための確認画面が表示されます。FigmaをWebブラウザで使っている場合は、標準でファイルが自動的にパソコンにダウンロードされます(通常はパソコンのDownloadsフォルダに保存されます)。
.pptxファイルをKeynoteで開く
.pptxファイルをダウンロードしたら、ファイルを右クリックしてOpen WithからKeynoteアプリを選ぶと、Macにインストールされているアプリで開けます。