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'

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

Click on "More Settings"
Enable background graphics