アウトラインのテキスト
Use Editable Text (Instead of Images) を有効にすると、単色のアウトライン(線)があるテキストは、PowerPointへのエクスポートでもアウトラインと透明な内側が保たれます。Pitchdeckが不足しているフォントの代替を使う場合も同様です。元のタイポグラフィにできるだけ近づけるには、FigmaとPowerPointの両方に元のフォントをインストールしてください。
Figma Slidesのスピーカーノート
PPTXにスピーカーノートを含めるには、PitchdeckのSpeaker notesタブにあるノート欄に入力するか貼り付けます。Figma Slidesネイティブのプレゼンターノートのパネルに入力したノートは、自動ではインポートされません。Figmaの公開Slide APIがその内容を公開していないためです。Pitchdeckのノート欄では、ギリシャ文字などのUnicodeテキストも使えます。
右から左に書くテキスト
Pitchdeckは、対応するFigmaのテキストレイヤーで右から左に書くテキストを検出し、PowerPointのエクスポートで右から左のコンテンツとして設定します。これにより、テキストが編集可能なままでも、アラビア語やヘブライ語などの言語の読む方向が保たれます。
動画チュートリアル:編集可能なテキスト付きの.pptxファイルをエクスポートする
この動画では、Pitchdeckプラグインを使って、Figmaでデザインしたスライド資料から、編集可能なテキストレイヤーを含むPowerPoint・Keynote・Google Slides用のプレゼンテーションファイルをエクスポートする方法を説明しています。
動画チュートリアル:FigmaからのPowerPointエクスポートにスライドマスターを追加する
この動画では、Pitchdeckプラグインを使って、Figmaから(スライドマスター付きの)PowerPointファイルをエクスポートする方法を説明しています。
動画チュートリアル:Figma SlidesをPowerPoint(.pptx)にエクスポートする
この動画では、Pitchdeckプラグインを使って、Figma Slidesの資料をPowerPointにエクスポートする方法を説明しています。
動画チュートリアル:MP4動画を埋め込んだPowerPointファイルをFigmaからエクスポートする
この動画では、Pitchdeckプラグインを使って、MP4動画を埋め込んだPowerPoint(.pptx)ファイルをFigmaからエクスポートする方法を説明しています。
このオプションを使うには、PitchdeckのツールバーにあるExportボタンをクリックし、プレゼンテーションのエクスポート形式としてPowerPoint (.pptx file) が選ばれていることを確認します。エクスポートの設定が済んだら、Export for PowerPointボタンをクリックしてスライドのエクスポートを開始します。
PowerPointでは、下で説明する、オプションのネイティブなフェード・ビルドの一部に対応しています。それ以外のPitchdeckの動きとiframeの埋め込みは含まれません。納品する前に、エクスポートレポートを確認し、PowerPointでファイルを開いてください。
PPTXエクスポートにMP4動画のURLを埋め込む(任意)
動画チュートリアル:MP4動画を埋め込んだPowerPointファイルをFigmaからエクスポートする
この動画では、Pitchdeckプラグインを使って、MP4動画を埋め込んだPowerPoint(.pptx)ファイルをFigmaからエクスポートする方法を説明しています。
レイヤーにMP4動画のURL(.mp4に直接リンクするもの)を埋め込んでいる場合は、PowerPointのエクスポート設定でInclude MP4 Video URL Embedsのトグルを有効にできます。有効にすると、MP4動画がPowerPointアプリで再生できる動画レイヤーとして埋め込まれます。
Figmaに直接アップロードした動画は、Pitchdeckでは再生できる動画としてエクスポートされません。Figmaの公開Video APIは動画のハッシュを公開していますが、動画ファイルを取得する方法を提供していないためです。MP4をDropboxなどアクセスできる場所にアップロードし、Pitchdeckの動画の埋め込みでそのリンクを追加してから、Include MP4 Video URL Embedsを有効にしてください。
下にあるプラグインのドロップダウンのオプションで、動画のサムネイルをカスタマイズすることもできます。
- Automatic Video Thumbnails from MP4:埋め込んだ動画のフレーム(動画の最初、中間、最後のいずれか)を自動でサムネイルに使います
- Use Figma Layer for Video Thumbnails:(.mp4ファイルを埋め込んだ)Figmaレイヤーの内容を、完全にカスタムのサムネイルとして使います
- No Custom Video Thumbnails:サムネイルを設定しません(以前の動作と同じで、PowerPointが独自のデフォルトの再生ボタンのサムネイルを設定します)
PowerPointは「Fill」のサイズ設定に対応していないため、アスペクト比に関係なく、動画はFigmaレイヤーのサイズに「Fit」で収まります。
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ファイルをPowerPointで開く
.pptxファイルをダウンロードしたら、コンピューターにインストールされているMicrosoft PowerPointアプリで開けます。
再利用できるPowerPointテンプレート
PowerPoint Template (.potx file) を選ぶと、再利用できるレイアウト付きのサンプルスライドをエクスポートできます。選んだ各スライドがレイアウトになり、テキストボックスはタイトルと本文のプレースホルダーになります。複雑なアートワークは、通常のPowerPoint変換で平面化されることがあります。
ダウンロードしたPOTXをデスクトップ版のPowerPointで開きます。New Slideで生成されたレイアウトを選び、プレースホルダーのテキストを置き換えます。テンプレートを配布する前に、サンプルスライドと各レイアウトを確認してください。
ネイティブアニメーションの対応範囲
Include native fade animations and click buildsを有効にすると、対応するフェードイン、フェードアウト、クリックで進むビルドをPowerPointに含められます。ブラウザ用のプロパティトラック、ループするエフェクト、ほかのプリセット、Morphは含まれず、エクスポートレポートに一覧表示されます。納品する前に、PowerPointでファイルを確認してください。Google SlidesとKeynoteは既存の編集可能な変換方法を使うため、Pitchdeckの動きは含まれません。