Do you want to learn about Figma from the ground up? You are in the right place.
Figma comes with a hundreds of features to assist you in creating fantastic websites. While every tool has its place in specific situations, just a few are absolutely necessary for getting the most out of Figma. Follow along as we walk you through the most important Figma features in clear step-by-step tutorials.
This tutorial is designed for absolute beginners and will teach you how to export Figma file to PDF.
For a complete breakdown of organizing and managing Figma files, check out our Figma File Management for Beginners: A Comprehensive Guide.
So, without further ado, let’s get started.
In this tutorial, we’ll see how easy it is to save a design screen with a lot of layers as a PDF file. First, let’s get our exercise file from the Figma community.
1 – Duplicate a Figma file from the Figma community
We’ll be using Arash‘s Masmas Admin Dashboard UI Kit for this tutorial.
- Go to the following URL to download the file to your Figma file browser: https://www.figma.com/community/file/1115390541907848130
- Then, click the Duplicate button at the top right of the file’s page.
![](/wp-content/uploads/images/2022/06/duplicate-figma-community-file-01-2.jpg)
Once you’ve duplicated the file, it will automatically open in your Figma editor.
![](/wp-content/uploads/images/2022/06/duplicate-figma-community-file-02-1.jpg)
If the file doesn’t open in a new angle automatically, go to your Figma files browser and select Drafts from the left-hand sidebar.
You’ll find the file first, along with all of your drafts.
![](/wp-content/uploads/images/2022/06/duplicate-figma-community-file-03-1.jpg)
Export design screens to PDF
- in Masmas Admin Dashboard UI Kit, head to the left-hand sidebar and hit Cover In the top right corner.
![](/wp-content/uploads/images/2022/06/01--figma-pages-menu-1.jpg)
- To see the file’s design, go to the pages section and click on the Design page.
![](/wp-content/uploads/images/2022/06/02---figma-pages-section-1.jpg)
- Next, select the Masmas Dashboard frame.
![](/wp-content/uploads/images/2022/06/03-dashboard-design-frame-1.jpg)
- Head to the Export section in the right-hand sidebar.
![](/wp-content/uploads/images/2022/06/01---export-01-2.jpg)
- Select the + icon in the right corner of the Export section.
![](/wp-content/uploads/images/2022/06/02---export-02-2.jpg)
- Select PDF from the image format dropdown menu.
![](/wp-content/uploads/images/2022/06/03---export-03-4.jpg)
You can preview the image in the preview toggle before exporting it.
![](/wp-content/uploads/images/2022/06/image-9.png)
- Hit Export button and select your export location from your local files.
![](/wp-content/uploads/images/2022/06/figma-Export-to-pdf.jpg)
You’ve now exported your design as a PDF file. If you have more than one screen and want to export them all as a single PDF file, all you have to do is to select all your design screens, press Ctrl or Command + G to group the screens, and then use the same Export setting from above.
Conclusion
Congratulations, you now know how to export Figma file to PDF! I hope you found this tutorial helpful; if so, you’ll appreciate our other Figma tutorials. If you want to continue your Figma learning experience, we’ve got you covered with everything from creating a new file to organizing your files to collaborating with your team.
Please share this tutorial with your friends who want to learn Figma; it would mean a lot to us. We’ll see you in the next Figma tutorials.