How to export StyleGuides as PDF

MockFlow StyleGuide is actually meant for creating and sharing a live design document which is regularly updated. However sometimes the styleguides might be required to be exported as a file, in such cases 'MockFlow StyleGuide' relies on the browser to export the complete document to PDF using the 'Print to PDF' option available in browsers such as 'Google Chrome'

1
Click on the print icon to export as PDF

By following the below steps, you can ensure the 'Export to PDF' function is without any issues.

  • Make sure images are loaded before the export
  • In the Print dialog of the browser, 'Enable background graphics support', only then color themes export correctly

Sample print dialog settings - Google Chrome

2
Click on "More Settings"
3
Enable background graphics