Export
You can export your project’s pages in PDF form, or as a series of PNG images. And, you can choose to export an entire project, a range of pages from that project, or a specific selection of individual pages.
There are several ways to access the Export function. Each of these allow you to customize your export, but some may be more convenient, depending on your export needs and choices.
In this article, we will explain how to find the Export buttons, and how to make those exporting choices.
Export from the Top Toolbar
This is the best option if you want to export the whole project, a single page, or a sequential range of pages.
There are two ways to Export from the Top Toolbar. Both will open the same Export Project Dialog, where you can choose your Page Selection, Format, Options and Export to destination.
- Click on the Main Moqups Menu button
- Select Export to PDF/PNG to open the Export project dialog
or
- Click on the Sharing Button to open the Sharing Dropdown
- Click on Export as PDF/PNG to open the Export project dialog
Export from the Pages Panel
This is the best option if you want to export folders and their contents, or a specific selection of non-sequential pages. There are two ways to Export from the Pages Panel:
- Click on the More Actions button in the Pages Panel Toolbar
or
- Right-click on a selected page, folder, or selection of pages in the Page Tree
In both cases, click on Export as PDF/PNG. This will open the Export Project Dialog that will display the pages/folders that you have selected, and allow you to choose your export Format, Options and Export to destination.
Selecting Pages for Export
If you are exporting from one of the two Top Toolbar locations, you can choose to export:
- All pages
- Single page
- Range of pages
Choosing Range of pages will open a dropdown menu that reflects the Page Tree from the Pages Panel. You can choose both a start and end point for any consecutive series of pages or folders. Choosing a range will include all the nested page and folder hierarchies within that range.
If you are exporting from the Pages Panel, first select the page range:
- To select an individual page or folder, click on that item in the Page Tree.
or
- To select a consecutive series of pages or folders for export, click on the first item in the list. Then, hold down the Shift key while simultaneously clicking on the very last item you want as part of that sequential series.
or
- To select multiple, non-consecutive pages or folders, hold down the Ctrl/Cmd key and make your selection one item at a time.
File Format
In the Export Dialog, you can choose either PDF or PNG file format for your export. Export as PDF:
- Is ideal for sharing or printing projects with multiple pages.
- Preserves links and hotspots in the PDF itself, making the PDF file an interactive prototype that can be sent via email.
- Includes a hierarchical Table of Contents that provides a clear overview of your page structure, and facilitates navigation.
- Exports as ‘my_project_name.pdf’.
Export as PNG:
- Exports a series of individual PNG image files.
- Is a good solution if you want to embed those images in web pages, or further edit them in other graphics software.
- Exports as my_project_name.zip.
- Choose PNG for standard-resolution images with a smaller file size
- Choose PNG @2x (Retina) for high-resolution images that are sharp enough to print and look crisp on all displays
Options
There are three export Options available in the Export Project Dialog:
Include hidden pages:
Selecting this option includes pages that are set to invisible in the Page Tree of the Pages Panel. This option works in both PDF and PNG formats.
Trim to content bounds:
Enabling this option automatically resizes and repositions your exported images so that they fit the exact visible content of your pages. This time-saver makes it possible to embed exported images into web pages or wikis – or open them in other apps – without having to trim each one manually. This option works only with PNG formats.
Transparent background:
Ticking this option creates export pages with transparent backgrounds, allowing the resulting images to be dropped seamlessly into other designs and artwork. This option works only with PNG formats.
Destination
In the Export Dialog, choose a destination for your exported project:
My Computer: Exports to the Downloads folder on your computer.
Google Drive: Exports directly to the My Drive folder on your Google Drive. (The first time you use this feature, Moqups will prompt you to authorize and connect to Google Drive.)
Dropbox: Exports your project directly to the Apps > Moqups folder of your Dropbox account. (The first time you use this feature, Moqups will prompt you to authorize and connect to Dropbox.)
Questions & Answers
Does Export include objects outside the page – on the canvas?
Export crops out any content outside the page margin.
What interactions function in an exported PDF?
All Page Interactions function normally, with the exception of Jump Back, which relies on your browser history for direction. Object Interactions do not function in PDFs. If you want to provide stakeholders a fully functional prototype, invite them as project guests, or share a project link. Learn how to do both of these in Sharing.
Is there a way to include page comments during export?
No, there’s no way to export comments in PDF or PNG form. The best way to share comments is by Sharing the project itself. If you want to include an essential comment, right on the page, you can always add a Note or Callout stencil before you export.