designsoftwarepdf conversiontutorials

How to Combine Figma Frames into One Multi-Page PDF (and Turn It into a Flipbook)

Exporting ten Figma frames as ten separate files is slow and messy. This tutorial shows how to merge frames into one multi page PDF, control page order and size, fix common export problems, and publish the result as an online flipbook.

How to Combine Figma Frames into One Multi-Page PDF (and Turn It into a Flipbook)
Cristian Da Conceicao
Founder of Flipbooks AI

You have ten frames in Figma, a client waiting on a review, and a folder full of loose PNG files that nobody wants to open one by one. The fix takes about two minutes: export the frames as a single multi-page PDF, then, if you want something more polished than an attachment, publish that PDF as a page-turning flipbook with Flipbooks AI.

This tutorial walks through the exact clicks, the settings that matter, the mistakes that waste an afternoon, and what to do with the file once you have it.

Designer selecting several frames on a laptop

Why One PDF Beats Many Files

Separate exports look harmless until you have to send them. A reviewer has to download ten files, open them in the right order, and guess which one replaced which. A single PDF fixes all of that.

  • One attachment: no zip files, no broken filename order.
  • Fixed page order: page 1 is always page 1.
  • Easy feedback: reviewers comment on "page 6" instead of "the third mockup, no, the other one".
  • Print ready: a multi-page PDF goes straight to a printer or a PDF viewer.
  • Easy to convert: a single PDF is exactly what a flipbook tool expects.

💡 Pro tip: Treat the PDF as the "release" version of your design. Keep Figma as the working file and the PDF as the thing you send.

What You Need Before Exporting

Preparation saves more time than any export setting. Check these four things first.

  1. Frames, not groups. Figma only treats top-level frames as pages. If a screen is a group or a loose layer, it will not become its own page.
  2. Consistent sizes. Mixed frame sizes produce mixed page sizes in the PDF. That is fine for a prototype review, but not for print.
  3. Layer order. The order of frames in the layers panel drives the page order. Sort it now.
  4. Fonts and images. Make sure every font is available and every image has loaded on the canvas, or the export may fall back to a substitute.
CheckWhy it mattersQuick fix
Top-level framesOnly these become pagesSelect the object and press Ctrl/Cmd + Alt + G to wrap it in a frame
Same dimensionsKeeps pages uniformResize with the frame width and height fields
Layer orderSets page sequenceDrag frames in the layers panel
Hidden layersHidden items are skippedToggle visibility before export

The Fastest Method: Export Frames to PDF

Pages laid out in a grid on a white desk

Figma has a built-in option that does exactly what this article is about. It works from the desktop app and the browser.

Step by step

  1. Open the Figma file and go to the page that holds your frames.
  2. Arrange the frames in the layers panel in the order you want them to appear.
  3. Open the File menu.
  4. Choose Export frames to PDF.
  5. Wait for the download. Figma bundles every top-level frame on the current page into one PDF.

That is the entire workflow. Open the file in any PDF viewer and scroll through it to confirm the order.

⚠️ Heads up: This command exports the frames on the current page. If you only need some of them, move the extras to another page first, or use the export panel method below.

What gets included

  • Every top-level frame on the page, one frame per PDF page.
  • Vector shapes and text stay vector, so zooming in stays sharp.
  • Text is generally selectable and searchable in the PDF.
  • Hidden layers and anything outside a frame are left out.

The Export Panel Method for More Control

When you need only a handful of frames, or want to mix formats, the export panel gives you a finer hand.

Select just the frames you want

Click the first frame, then hold Shift and click each additional frame. Selected frames show a blue outline.

Add a PDF export setting

  1. In the right sidebar, scroll to the Export section.
  2. Click the + button.
  3. Change the format dropdown to PDF.
  4. Click the export button, which shows the number of selected layers.

Depending on how many frames you selected, Figma may give you one PDF per frame or a single multi-page file. If you get separate files, switch to the Export frames to PDF command instead, which always merges them.

MethodBest forMerges into one fileFrame selection
File > Export frames to PDFWhole page of screensYesAll top-level frames on the page
Export panel with PDF formatA few chosen framesOften no, depends on selectionManual selection
Export PNG then merge elsewhereRaster only workflowsOnly with a second toolManual selection
Plugin based exportCustom ordering and namingYesConfigurable

How to Control Page Order

Printed deck proofs stacked on a conference table

Page order is the number one complaint. People export, open the PDF, and find the cover on page eight.

The rule of thumb: the PDF follows the order of frames in the layers panel. Rather than trusting memory, do this:

  • Rename frames with a numeric prefix, such as 01 Cover, 02 Problem, 03 Solution.
  • Drag them into that order in the layers panel.
  • Export once, check the result, and adjust only if needed.

✅ Best practice: Always preview the first export. If the order is reversed, reverse the stack in the layers panel and export again. It takes ten seconds.

Naming frames for readers

Frame names do not appear on the PDF pages, but they help your team when reordering. Short, numbered, plain names beat clever ones every time.

Fix the Most Common Problems

Even a clean file can misbehave. Here are the issues that show up most often.

The PDF is huge

Large raster images inside frames drive file size. Compress photos before placing them, and avoid pasting full resolution camera files into small frames.

Fonts look wrong

If a font is missing on the machine doing the export, Figma substitutes another one. Install the font locally or switch the text to a font you have.

Effects look flat or different

Blur, blend modes and some shadows can be rasterized or simplified in PDF. Zoom to 200 percent in the PDF viewer and compare against Figma.

A frame is missing

Check that it is a top-level frame, that it is visible, and that it sits on the same page you are exporting from.

ProblemLikely causeFix
Wrong page orderLayer order in the panelReorder layers, export again
File too heavyOversized imagesCompress images, reduce frame count per file
Substituted fontsFont not installedInstall the font or swap it
Missing pageFrame is a group or hiddenWrap in a frame, make visible
Mixed page sizesFrames differ in dimensionsStandardize width and height

Real Examples You Can Copy

Designer reviewing the exported PDF on a tablet

Seeing how other people use this export makes the choices clearer.

  • A freelancer sending a proposal. Twelve frames, A4 portrait, one PDF. The client reads it on a tablet and replies with page numbers.
  • A product team running a design review. Thirty app screens exported as a single file so stakeholders can scroll instead of opening Figma.
  • A small shop owner building a price list. Eight frames sized for letter paper, exported for print and also published online.
  • A student building a portfolio. Case study frames combined into one PDF, then shared with recruiters.

From PDF to Flipbook

A PDF is functional. A flipbook is memorable. Instead of a download that gets buried in an inbox, you share a link where pages turn like a real publication.

A page turning digital publication on a laptop

The reason this pairs so well with Figma is that your export is already clean, ordered and vector sharp. The PDF to Flipbook Converter takes it from there.

How to create a flipbook with Flipbooks AI

  1. Start here. Go to Flipbooks AI and create an account.
  2. Upload the PDF. Drag the multi-page file you just exported into the uploader. Conversion takes a short while, and each Figma frame becomes one flipbook page.
  3. Customize the look. Set your brand colors, background, logo and page turn effect. You can add video and audio to pages too.
  4. Choose how to share. Copy a direct link, grab an embed code for your website, or protect the flipbook with a password.
  5. Track what happens. On the Professional plan, analytics and lead generation show who opened it and how far they read. Check the pricing plans to see what each tier includes.

💡 Pro tip: Offline downloads let recipients keep a copy, and there are no watermarks on your flipbooks, so the design you worked on stays yours.

If you plan to put the flipbook on a site, the Embed Flipbook on Website tool explains the embed options.

FeaturePlain PDF attachmentFlipbooks AI flipbook
Reader experienceDownload and openOpens in the browser, pages turn
Mobile friendlyPinch and zoomResponsive layout
Password protectionNeeds separate PDF softwareBuilt in
AnalyticsNoneAvailable on Professional
BrandingNoneCustom colors and logo
Video and audioNoYes

Which Design Work Fits This Workflow

Colleagues reviewing a printed brand portfolio

Figma frames can become many kinds of documents. A few good matches with dedicated tools:

Browse all flipbook tools if your project is something else.

Read It on Every Screen

Reading a multi-page document on a phone during a commute

Many people will open your file on a phone. A wide desktop frame shrinks to a tiny page, and text becomes hard to read. Keep these in mind:

  • Use body text of at least 16 px at the frame size you export.
  • Prefer portrait or square frames when the audience is mobile.
  • Leave generous margins so nothing gets cut off at the edges.
  • Test the finished file on an actual phone before sending.

A Quick Pre-Export Checklist

A desk with a printed checklist and notebook

Run through this list each time:

  • All pages are top-level frames
  • Frames share the same dimensions
  • Layer order matches the page order
  • Fonts are installed and images are loaded
  • Hidden layers are intentional
  • Preview the PDF and check the first and last pages
  • Check the file size before emailing

Share It the Right Way

Showing a digital catalog to a customer on a tablet

Once the PDF is ready, pick the delivery that fits your audience.

AudienceBest deliveryWhy
Internal teamPDF link in chatFast, no setup
Client reviewFlipbook with passwordPrivate and easy to read
Public portfolioEmbedded flipbookLives on your own site
Print vendorOriginal PDF fileHighest fidelity

Ready to Publish Your Frames?

You now have the whole route: tidy the frames, set the order, export with File > Export frames to PDF, check the result, and share it. For a better reading experience than an attachment, get started for free on Flipbooks AI and upload your PDF. Compare pricing plans to pick the one that fits, and browse the full list of tools and templates for your next project.

Share this article