スライドをGoogle Slidesにエクスポートする

Figmaのスライドを、非公開の直接アップロードでGoogle Slidesにエクスポートするか、手動でインポートできる.pptxファイルとしてダウンロードできます。

動画チュートリアル：プレゼンテーションをGoogle Slidesにエクスポートする

この動画では、Pitchdeckプラグインを使って、Figmaでデザインしたスライド資料をGoogle Slidesにエクスポートする方法を紹介します。

動画チュートリアル：FigmaからのPowerPointエクスポートにマスタースライドを追加する

この動画では、Pitchdeckプラグインを使って、FigmaからPowerPointファイルを（マスタースライド付きで）エクスポートする方法を紹介します。

動画チュートリアル：Figma SlidesからGoogle Slidesにエクスポートする

この動画では、Pitchdeckプラグインを使って、Figma Slidesの資料をGoogle Slidesにエクスポートする方法を紹介します。

このオプションを使うには、PitchdeckのツールバーにあるExportボタンをクリックし、Google Slidesのエクスポート形式のいずれかを選びます。

  • Google Slides (Direct API Upload) は、接続したGoogleドライブに新しいプレゼンテーションを作成し、Google Slidesで開きます。先にエクスポートパネルからGoogleアカウントを接続してください。Pitchdeckは接続をFigmaファイル間で記憶します。同じパネルからサインアウトしたり、アカウントを切り替えたりできます。
  • Google Slides (.pptx file) は、手動でインポートできるローカルの.pptxファイルをダウンロードします。Googleを接続したくない場合や、ローカルのコピーが必要な場合にも使えます。

残りのエクスポート設定を行い、Upload to Google SlidesまたはExport for Google Slidesをクリックして開始します。

直接アップロードでは、プレゼンテーションのデータはPitchdeckプラグインからGoogleドライブに直接送られます。HypermaticのOAuthサービスは接続を仲介しますが、プレゼンテーションのファイルを保存したり中継したりすることはありません。

アニメーションと動画は、エクスポートしたGoogle Slides用の.pptxファイルには含まれません。 Pitchdeckプラグインで追加したアニメーションや動画の埋め込みは、PowerPointのエクスポートには含まれません。これらは、Pitchdeck Webアプリにアップロードしたプレゼンテーションでのみ使われます。

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フォルダに保存されます）。

既存のGoogle Slidesのプレゼンテーションを更新する ​

Google Slides (Direct API Upload) を使うと、以前にPitchdeckの直接アップロードで作成したプレゼンテーションを置き換えられます。接続したGoogleアカウントが、そのプレゼンテーションのオーナーである必要があります。

  1. エクスポートするFigmaのスライドを選択し、Google Slidesの直接アップロードの設定を開きます。
  2. Google SlidesのURLからプレゼンテーションIDをコピーします。/d/と/editの間の文字列です。
  3. Update Existing Presentation (Optional) に貼り付けます。
  4. Replace the Entire Deckにチェックを入れ、Replace Google Slides Deckをクリックします。

プレゼンテーションのURLは変わりませんが、スライドの内容はすべて選択したFigmaのスライドに置き換えられます。Google Slidesで行った編集を残したい場合は、先にコピーを作成してください。代わりに新しいプレゼンテーションを作成するには、IDを空欄のままにします。

中断された直接アップロードを復旧する ​

アップロードが中断された場合、Pitchdeckは自動的に復旧を試みます。エクスポートパネルにRetry Google Slides Uploadが表示された場合は、そのアクションで既存のアップロードを続行してください。手動でインポートするために、PPTXのバックアップをダウンロードすることもできます。結果がはっきりしない場合は、新しくエクスポートを始める前にGoogleドライブを確認してください。

.pptxファイルをGoogle Slidesで開く ​

Google SlidesでFile、Open、Uploadの順に進み、.pptxファイルをドラッグ＆ドロップすると、.pptxファイルを開けます。

Allをクリックしてすべてのスライドを選択し、Keep original themeのチェックボックスのチェックを外してから、Import slidesをクリックします。

Google Slides用のPPTXファイルでカスタムフォントを置き換える ​

Google Slides用に、（Google Slidesでは使えない）カスタムフォントを含むFigmaのフレームをPPTXファイルにエクスポートする場合は、Figmaネイティブのテキストスタイルを使い、そのDescription入力欄で、PPTXにエクスポートするときに置き換えるフォントを指定できます。

対象のFigmaテキストレイヤーが使っているテキストスタイルのDescription欄に、次の形式のJSON文字列を設定する必要があります。

{ "family": "Inter", "style": "Bold Italic" }

familyの値（例：Inter）は使いたいフォントファミリーに置き換え、styleの値にはそのフォントファミリーで使いたいフォントスタイル（例：Regular、Boldなど）を設定します。指定したフォントファミリーがそのフォントスタイルに対応していることを確認してください。また、フォントがGoogle Font（Google Slidesで自動的に対応・読み込みされます）であることも確認してください。

フォントサイズも上書きしたい場合は、オプションで、次の例のようにJSON文字列にsize（ピクセル）の数値プロパティを追加することもできます（この例では、エクスポートしたPPTXファイルでフォントサイズが64pxに設定されます）。

{ "family": "Inter", "style": "Bold", "size": 64 }