動画チュートリアル:フレームを結合して圧縮PDFにする
この動画では、TinyImageプラグインを使って、Figmaで結合したフレームを圧縮PDFファイルとしてFigmaから直接エクスポートする方法を紹介しています。
TinyImageは、プレビューリストに表示される番号の順にPDFのページをエクスポートします。エクスポートの前に、リストを自動で並べ替えるか、ページをドラッグしてカスタムの順序にできます。
PDFの画面を開いている間にフレームを移動、名前変更、追加した場合は、ページ順を確認する前にRefresh Figma Framesをクリックしてください。
カスタム順で並べ替える
番号付きのフレームのプレビューを上下にドラッグして、ページ順を正確に設定します。サムネイルや並べ替えハンドルにカーソルを合わせると、すべての行を広げずに、そのプレビューだけを一時的に拡大できます。ページを移動すると、並べ替えのオプションは自動でCustom Orderに切り替わります。
カスタムの並び順は保存され、Sort Frames by Custom Orderを選ぶといつでも元に戻せます。
Figmaのレイヤー順で並べ替える
Figmaのレイヤーリストと同じ順序にするには、Sort Frames by Layer Orderを使います。下向きまたは上向きのオプションを選ぶと、順序全体を逆にできます。
列ごとに表示位置で並べ替える
Sort Frames Left to Rightを使うと、各列を上から下に読んでから次の列に移ります。逆の順序にするにはSort Frames Right to Leftを使います。
TinyImageは、異なるセクション内のフレームも含め、Figmaのキャンバス上での各フレームの絶対位置を使い、少しだけずれたフレームは同じグループにまとめます。
行ごとに表示位置で並べ替える
Sort Frames Top to Bottomを使うと、各行を左から右に読んでから次の行に移ります。逆の順序にするにはSort Frames Bottom to Topを使います。
Figmaのレイヤー名で並べ替える
Sort by Figma Layer Nameを使うと、フレーム名で並べ替えます。番号付きの名前は自然な数値順に並ぶため、Page 2はPage 10より前になります。
表示位置による並べ替えとカスタムの並べ替えで変わるのは、PDFのページ順だけです。フレームの名前が変わったり、Figmaのレイヤーリストが並べ替えられたりすることはありません。