Convert Figma to PDF

BIG linden / Support Docs / Convert Figma to PDF
Last edit: December 28, 2022
(4 weeks ago)


Convert Figma to PDF


How can we convert and download our Figma file (website mockup) as a PDF?


The client has a high fidelity mockup in Figma that they want to export as a PDF. They’d like to download the file as a PDF, and take advantage of the portability of PDFs to share their design with distant organization members for feedback and input.

Possible solution

If you have a Figma file, and you’d like to export and download the file as a PDF, the process is straightforward and requires very little technical skill.

Time needed: 3 minutes.

Steps to export and download a Figma file as a PDF:

  1. Select the ‘Frame’ you’d like to download as a PDF

    With the Figma file open, click to select the ‘frame’ of the design you’d like to download.Figma to PDF how to - STEP 1

  2. Click Export

    With the frame still selected, find the ‘Export’ menu on the right properties panel and click ‘Export’ to reveal the Figma Export Tool. How to: Exporting Figma File as PDF - Step 2 - shows screenshot of the export options in Figma.

  3. Select the export format: PDF

    When the Export Tool options appear, select the export file format desired (PDF being most common for sharing, and PNG or Jpeg for web graphics).Figma to PDF - Step 3

  4. Export the Figma file to PDF

    Once you’ve selected the file format (PDF), you can just click the “Export…” button and download your Figma as a PDF. Screenshot of the Figma Export tool where you download your Figma files as PDFs easily.

  5. Repeat steps 1-4 for each frame you desire to export to PDF.

    For each frame or Figma file you want to export, just repeat this process and download the PDF files for each.Step 5: Exporting Figma to PDF - Screenshot of Figma exporting a file as a PDF

Additional reading

  • Read all about how Figma developed their precise PDF Export tool and what went into the production of this awesome featureExample of the Figma PDF export quality vs Figma's competitors.The PDF export option, which allows users to export designs with precise color handling and vector representations, is suitable for both digital and print media. Exporting can be done on a selection of layers or an entire page, as well as all frames in the page being exported into a single multi-page PDF file. In order to ensure high quality exports, Figma built their own library from scratch which allowed them total control over how complex design elements such as shadows, blurs, and gradients are represented in the resulting PDF document. Special attention was paid to avoiding bugs caused by viewer inconsistencies when dealing with these complex design elements such as angular gradients (see Gradients graphic at right).

More articles about Figma

More articles related to .

Capabilities related to Figma: