Å·±¦ÓéÀÖ

Iterating through design doesn’t stop with prototypes. Many people find the ability to share PNGs, PDFs and HTML/CSS handy to have. Such versions are great for archiving drafts, printing out for whiteboard discussions, or testing in real browsers on mobile devices.

In this tutorial we’ll explain how to quickly export a prototype. If you want to follow along, .

Here’s the process breakdown.

Look for the share icon in the upper left corner of the UXPin editor.
The first four options share the live preview. To download files, tap on “export� to the right.
Choose your format (PNG, PDF or HTML).
UXPin will generate the appropriate files.
Check your inbox for a message with a download link.

Let’s sum it up in a quick animation:

The PDF export gives you the option to save a file with page numbers. While not production-ready, the HTML export can include an optional sidebar sitemap and responsive breakpoints (if your prototype has any).

The only downside to exporting a prototype arises when you make changes to the original. Although live previews stay up to date with the latest iteration, anything saved to external files do not. On the other hand, this technique is great for comparing old versions to new and reviewing offline.

Regardless of your purpose, sharing a draft of your work is super simple now that you know where to look. Start collaborating with your team in different media like HTML/CSS, PDFs and, of course, .