Figma to PDF

How to export Figma designs as PDF — step by step (+ easier way)

Figma is the industry standard for UI design, but exporting designs as PDF is surprisingly clunky. Here is how to use Figma's built-in export properly — including the difference between frame export and file export — plus a faster method for prototypes and presentations.

Free — 3 PDFs per month. No credit card required.

Step by step

How to export Figma designs as PDF

Three methods depending on what you need to export.

Method 1: Export panel (individual frames)

This method exports selected frames as pages in a single PDF. It gives you the most control over what gets included.

  1. Open your Figma file and navigate to the page with the frames you want to export.
  2. Select the frames you want to include in the PDF. Hold Shift to select multiple frames. Each selected frame becomes a page in the PDF.
  3. Open the Export panel in the bottom of the right sidebar (Design tab). If you do not see it, scroll down past the design properties.
  4. Click the "+" button to add an export setting.
  5. Change the format from PNG to "PDF" using the dropdown.
  6. Click "Export [N] layers" to generate and download the PDF.

Important: Figma exports each selected frame as a separate page. The order of pages in the PDF matches the order of frames in the layers panel (top to bottom). Rearrange your layers before exporting if the page order matters.

Method 2: File menu export (all frames at once)

For exporting an entire file or page as a multi-page PDF without manually selecting frames.

  1. Open your Figma file and go to the page you want to export.
  2. Go to File > Export frames to PDF from the menu bar (or press Ctrl+Shift+E on Windows, Cmd+Shift+E on Mac).
  3. Figma exports all top-level frames on the current page as a single PDF, with each frame as a page.

This method is faster for multi-page designs like slide decks, but you cannot exclude specific frames — it exports everything on the page. To exclude frames, either move unwanted frames to a different page or use Method 1.

Method 3: Prototype presentation + browser print

For capturing a prototype exactly as it appears to viewers.

  1. Open the prototype by clicking the Play button (▶) in the top-right corner of Figma, or share the prototype link.
  2. Navigate to the screen you want to capture in the prototype viewer.
  3. Press Ctrl+P (Cmd+P on Mac) to open the browser print dialog.
  4. Set Destination to "Save as PDF" and click Save.

This captures a single screen at a time and includes Figma's prototype toolbar. For cleaner results, use Pretty PDF on the prototype URL to extract just the design without the toolbar.

Limitations

Common issues when exporting Figma to PDF

Figma's PDF export works for designs, but has surprising gaps.

No easy "export all frames" option

Figma exports require selecting frames manually or using the File menu which grabs everything. There is no simple "export pages 1-5" range selector. For large files with dozens of frames, getting the right subset into a PDF is tedious.

Text renders as outlines

Figma sometimes converts text to vector paths (outlines) in PDF exports, especially for custom or non-Google fonts. This makes text in the PDF unselectable and unsearchable — a significant problem for documents that need to be read, not just viewed.

Interactions and transitions lost

PDF is a static format. Figma prototype interactions, transitions, scroll behaviors, and hover states are all lost in PDF export. The PDF only captures the static resting state of each frame.

Community files may block export

Some Figma community files have export restrictions set by the creator. You may be able to view and duplicate the file but not export frames as PDF. This is a permission issue that Figma enforces at the file level.

Frame selection is manual

To export specific frames, you must manually select each one while holding Shift. For a 50-screen mobile app design, this means clicking through dozens of frames. There is no "select by tag" or "select by section" feature.

The easier way

Convert Figma prototypes and presentations to PDF with Pretty PDF

For prototypes, presentations, and shared Figma links, Pretty PDF produces cleaner results.

Important note: For exporting Figma design files (the actual vector designs in the editor), Figma's built-in export is the right tool. It renders the design at the frame level with full vector fidelity. Pretty PDF is not a replacement for Figma's design export.

Where Pretty PDF shines is converting Figma prototypes, Figma presentations (Slides), and shared prototype links to clean PDFs — removing Figma's toolbar, navigation controls, and interface chrome.

1

Open the Figma prototype in your browser

Click Play to open the prototype in presentation mode, or open a shared prototype link in Chrome. Navigate to the screen you want to capture.

2

Click the Pretty PDF extension icon

The extension extracts the prototype content and removes Figma's toolbar, navigation arrows, comment overlays, and device frame chrome.

3

Choose a template and generate

The Corporate template works well for design presentations. Click Generate PDF for a clean document with selectable text and professional formatting.

Figma Export vs Pretty PDF

Feature Figma Export Pretty PDF
Design file export Native — full vector fidelity Not designed for this
Prototype capture Browser print only Clean extraction, no toolbar
Text selectability Often renders as outlines Selectable text preserved
Templates None 5 professional templates
Frame selection Manual multi-select Captures current view

Frequently asked questions

Select the frames you want to export, open the Export panel (bottom of right sidebar), add a PDF export, and click Export. Figma exports each selected frame as a page in the PDF. Alternatively, use File > Export frames to PDF to export all top-level frames on the current page.
Open the prototype in presentation mode, then use browser print (Ctrl+P) or Pretty PDF to capture the current view. This will not capture interactions or transitions but preserves the visual design. Pretty PDF removes Figma's toolbar for a cleaner result.
Figma sometimes renders text as vector paths (outlines) in PDF exports, especially for custom fonts. This makes text unselectable and unsearchable. There is no workaround in Figma's export. Pretty PDF, when used on Figma prototypes viewed in the browser, captures the rendered text as selectable text.
Figma's PDF export requires selecting specific frames. For full-page export, use the File menu > Export frames to PDF, then select all top-level frames. This is manual and tedious for large files with many frames across multiple pages.

Turn Figma prototypes into clean PDFs

Free — 3 PDFs per month. No credit card required.

Install Free Extension