Justinmind

SUPPORT

Learn how to prototype web and mobile apps

How to export your wireframes to image files

Export your wireframes to image files easily with Justinmind, which you can incorporate into documents and more.

In this tutorial, you will learn how to save any wireframe design (Screens, Templates, Masters or Scenarios) as images.

To do so, first select the option ‘Save as images‘ from the File menu (1).

Save web and mobile wireframes as images

A dialog will show up to let you select the destination folder (2) and what elements you wish to export (3).

Export wireframes as image files

Next tutorial>Generate specification documents for your prototypes

5 Comments

  1. Sarah

    April 27, 2015 at 9:15 am

    Hi,
    When using ‘Save as images’, the resulting png’s are low res and blurry. Is there a way to export the images of a higher quality?

    • Lidia Rodriguez

      July 6, 2015 at 10:14 am

      Hi Sarah, note that exported images have the same resolution as the real devices.

  2. Chris Mash

    July 23, 2015 at 9:53 am

    When exporting a scenario the connector labels don’t show up… white text on a white background.. or are they left out? Is there any way to get the labels to show up?

    • Lidia Rodriguez

      July 23, 2015 at 10:03 am

      Hi Chris, connector label should appear correctly.. Could you please send your .vp file to jim.support at justinmind.com so we can examine the possible source of the issue?

      • Chris Mash

        July 23, 2015 at 10:13 am

        Will do, thanks for the quick response Lidia!