Figma は、従来のデザイン ツールとまったく同じ方法で PDF をエクスポートしませんが、PDF エクスポートをサポートしています。開始する前に知っておく価値のあることがいくつかあります。単一のフレーム、複数ページのドキュメント、またはプレゼンテーション資料をエクスポートする場合、アプローチは若干異なります。
Figma から単一フレームを PDF としてエクスポートする方法
キャンバス上で書き出したいフレームを選択します。右側のパネルで、「エクスポート」セクションまで下にスクロールします。 + ボタンをクリックしてエクスポート設定を追加し、形式ドロップダウンから PDF を選択します。 「[フレーム名]をエクスポート」をクリックしてファイルをダウンロードします。
Figma は、各フレームを個別の PDF ファイルとしてエクスポートします。エクスポートする前に複数のフレームを選択すると、結合された単一のドキュメントではなく、個々の PDF を含む ZIP アーカイブが取得されます。
複数のフレームを 1 つとしてエクスポートする方法 PDF
これは、Figma PDF エクスポートで最も一般的な混乱点です。 Figma 自体は、エクスポート中に複数のフレームを 1 つの PDF ファイルに結合できません。単一の複数ページの PDF を取得するには、2 つのオプションがあります。
オプション 1: Figma の組み込みプレゼンテーション モードを使用します。上部バーの [再生] ボタンをクリックしてフレームをプレゼンテーションとして開き、ブラウザの印刷機能を使用して [PDF として保存] を選択します。これにより、すべてのフレームが単一の PDF のページとして順番にキャプチャされます。
オプション 2: 各フレームを個別の PDF としてエクスポートし、それらを結合します。すべてのファイルを WukongPDF の Merge PDF ツールにアップロードし、正しい順序で並べて、結合されたドキュメントをダウンロードします。
Figma PDF エクスポートの品質と解像度
Figma は、コンテンツがベクターベースの場合、PDF をベクター ファイルとしてエクスポートします。つまり、出力は品質を損なうことなく任意のサイズに拡大縮小されます。テキスト、図形、パスは、どのズーム レベルでも鮮明なままです。
Figma フレーム内に配置されたラスター イメージは、元の解像度でエクスポートされます。低解像度の画像をデザインに配置した場合、エクスポートされた PDF ではそれらの画像は柔らかく表示されます。エクスポート時にアップスケーリングは行われません。
PNG や JPEG エクスポートとは異なり、Figma の PDF 形式にはエクスポート パネルに DPI 設定がありません。ファイルのサイズと品質は、デザインの複雑さと埋め込まれたラスター イメージの解像度によって異なります。
Figma のフォントとテキスト PDF エクスポート
Figma はエクスポートされた PDF にフォントを埋め込むため、受信者がファイルを開いたときに、フォントがインストールされていない場合でもテキストが正しくレンダリングされるはずです。ただし、一部のユーザーは、特定の書体、特に複雑なライセンス契約を持つ書体でのフォント置換の問題を報告しています。
フォントの精度が重要な場合は、エクスポート後に PDF を開いて、テキストがどのように表示されるかを確認してください。置換が行われた場合は、エクスポートする前に Figma でテキストのアウトラインを試してください。テキスト レイヤーを選択し、[オブジェクト] > [オブジェクト] に移動します。アウトライン ストローク (または Ctrl/Cmd + Shift + O を使用) して、再エクスポートします。アウトライン化されたテキストはベクター パスになり、常に正しくレンダリングされます。
デスクトップ アプリとブラウザでの Figma からのエクスポート
エクスポート プロセスは、Figma デスクトップ アプリとブラウザ バージョンの両方で同じです。実際的な主な違いは、ブラウザではファイルがデフォルトのダウンロード フォルダーに直接ダウンロードされることです。デスクトップ アプリでは、保存場所を選択できます。
ブラウザで Figma を使用していて、多くのフレームをエクスポートする必要がある場合、ファイルの配置場所を管理するにはデスクトップ アプリの方が若干便利です。時折エクスポートする場合は、ブラウザ バージョンでも同様に機能します。
エクスポート後: PDF の圧縮または編集
Figma PDF は、特に多くの埋め込み画像や複雑なグラデーションを含むデザインの場合、サイズが大きくなる可能性があります。共有する前にファイル サイズを削減する必要がある場合は、PDF Compression ツールを使用してエクスポートを実行します。ほとんどの Figma PDF にはベクター コンテンツとラスター コンテンツが混在しているため、適切に圧縮されます。
エクスポートされた PDF に注釈、スタンプ、フォーム フィールド、またはパスワード保護を追加する必要がある場合は、Figma のエクスポートが完了した後に WukongPDF を使用してそれらの手順を処理できます。 Figma がデザインを担当します。 PDF ツールは、その後ドキュメントに対して行われるすべての処理を処理します。