July 8, 2015

How to Print a Mobile App Demo to PDF

Quick intro

It is very easy to print your demo storyboard to PDF to be able to analyze it screen by screen with your team. You'll be able to easily send it per email to other people to get feedback on it or even print in on paper and study it in the coffee corner.

The result is a PDF document listing all the demo screens (with device frame) in the order you have them in the demo.

You can print your demo to PDF in Google Chrome or in Safari.



Print demo to PDF in Google Chrome

You just have to follow 3 simple steps:

1 Open your demo with Google Chrome web browser

Open the Demo Page and click the Share option. In the Share overlay, go to More and click the Print to PDF button.



2 Open the browser menu and and click on Print

On the next page you'll see the demo printed screen by screen. Click the browser menu and select Print...



3 Save as PDF

The Print application will open. Make sure the following 3 options are configured as listed below:

  • Destination: Save as PDF
  • Headers and Footers: disabled
  • Background Graphics: enabled

Now just press Save to save your demo as PDF.



Print demo to PDF in Safari

Just follow these 2 easy steps:

1 Open your demo with Safari web browser

Open the Demo Page and click the Share option. In the Share overlay, go to More and click the Print to PDF button.



2 Export as PDF

On the next page you'll see the demo printed screen by screen. Click Safari's File menu and then click Export as PDF...