{"id":7401,"date":"2015-08-14T16:15:44","date_gmt":"2015-08-14T23:15:44","guid":{"rendered":"http:\/\/proxystudio.uxpin.com\/?p=7401"},"modified":"2020-04-22T06:37:48","modified_gmt":"2020-04-22T13:37:48","slug":"export-prototype-to-html-pdf","status":"publish","type":"post","link":"https:\/\/www.uxpin.com\/studio\/blog\/export-prototype-to-html-pdf\/","title":{"rendered":"Exporting Prototypes to HTML or PDF  Couldn\u2019t Be Easier"},"content":{"rendered":"<p>Iterating through design doesn\u2019t 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.<\/p>\n<p>In this tutorial we\u2019ll explain how to quickly export a prototype. If you want to follow along, <a href=\"https:\/\/www.uxpin.com\/\">get a free trial to UXPin<\/a>.<\/p>\n<p><!--more--><\/p>\n<h2>1. Look for the share icon in the upper right side of the UXPin editor.<\/h2>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-10867\" src=\"https:\/\/www.uxpin.com\/studio\/wp-content\/uploads\/2015\/08\/image0111.png\" alt=\"The export icon.\" width=\"600\" height=\"372\" srcset=\"https:\/\/www.uxpin.com\/studio\/wp-content\/uploads\/2015\/08\/image0111.png 600w, https:\/\/www.uxpin.com\/studio\/wp-content\/uploads\/2015\/08\/image0111-484x300.png 484w, https:\/\/www.uxpin.com\/studio\/wp-content\/uploads\/2015\/08\/image0111-290x180.png 290w\" sizes=\"auto, (max-width: 600px) 100vw, 600px\" \/><\/p>\n<h2>2. The first four options share the live preview. To download files, tap on \u201cexport\u201d to the right.<\/h2>\n<p><img loading=\"lazy\" decoding=\"async\" width=\"848\" height=\"391\" class=\"alignnone size-full wp-image-10866\" src=\"https:\/\/www.uxpin.com\/studio\/wp-content\/uploads\/2015\/08\/image0010.png\" alt=\"Export in the 'share' options.\" srcset=\"https:\/\/www.uxpin.com\/studio\/wp-content\/uploads\/2015\/08\/image0010.png 848w, https:\/\/www.uxpin.com\/studio\/wp-content\/uploads\/2015\/08\/image0010-651x300.png 651w\" sizes=\"auto, (max-width: 848px) 100vw, 848px\" \/><\/p>\n<h2>3. Choose your format (PNG, PDF or HTML).<\/h2>\n<h2>4. UXPin will generate the appropriate files.<\/h2>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-10868\" src=\"https:\/\/www.uxpin.com\/studio\/wp-content\/uploads\/2015\/08\/image028.png\" alt=\"The download indicator.\" width=\"600\" height=\"374\" srcset=\"https:\/\/www.uxpin.com\/studio\/wp-content\/uploads\/2015\/08\/image028.png 600w, https:\/\/www.uxpin.com\/studio\/wp-content\/uploads\/2015\/08\/image028-481x300.png 481w, https:\/\/www.uxpin.com\/studio\/wp-content\/uploads\/2015\/08\/image028-290x180.png 290w\" sizes=\"auto, (max-width: 600px) 100vw, 600px\" \/><\/p>\n<p>Check your inbox for a message with a download link.<\/p>\n<p>While not production-ready, the HTML export can include an optional sidebar sitemap and responsive breakpoints (if your prototype has any). Although live previews stay up to date with the latest iteration, anything saved to external files do not. This technique is great for comparing old versions to new and reviewing offline.<\/p>\n<p>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, UXPin itself. <a href=\"https:\/\/www.uxpin.com\/\" target=\"_blank\" rel=\"noopener noreferrer\">Get your free trial<\/a> to see it in action.<\/p>\n<p><a href=\"https:\/\/www.uxpin.com\/\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-7151\" src=\"https:\/\/www.uxpin.com\/studio\/wp-content\/uploads\/2015\/07\/image013.png\" alt=\"Advanced Animations in UXPin: start your free trial today\" width=\"720\" height=\"316\" \/><\/a><\/p>\n","protected":false},"excerpt":{"rendered":"<p>Iterating through design doesn\u2019t stop with prototypes. Many people find the ability to share PNGs, PDFs and HTML\/CSS handy to have. In this tutorial we\u2019ll explain how to export a UXPin prototype.<\/p>\n","protected":false},"author":27,"featured_media":7403,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[3,11],"tags":[27],"class_list":["post-7401","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-blog","category-tutorials","tag-collaboration"],"yoast_title":"Exporting prototypes to HTML in UXPin","yoast_metadesc":"Learn to download your UXPin projects as HTML or PDF files.","acf":[],"yoast_head":"<!-- This site is optimized with the Yoast SEO Premium plugin v27.6 (Yoast SEO v27.6) - https:\/\/yoast.com\/product\/yoast-seo-premium-wordpress\/ -->\n<title>Exporting prototypes to HTML in UXPin<\/title>\n<meta name=\"description\" content=\"Learn to download your UXPin projects as HTML or PDF files.\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/www.uxpin.com\/studio\/blog\/export-prototype-to-html-pdf\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Exporting Prototypes to HTML or PDF Couldn\u2019t Be Easier\" \/>\n<meta property=\"og:description\" content=\"Learn to download your UXPin projects as HTML or PDF files.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www.uxpin.com\/studio\/blog\/export-prototype-to-html-pdf\/\" \/>\n<meta property=\"og:site_name\" content=\"Studio by UXPin\" \/>\n<meta property=\"article:published_time\" content=\"2015-08-14T23:15:44+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2020-04-22T13:37:48+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/www.uxpin.com\/studio\/wp-content\/uploads\/2015\/08\/export-teaser-2.png\" \/>\n\t<meta property=\"og:image:width\" content=\"720\" \/>\n\t<meta property=\"og:image:height\" content=\"330\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/png\" \/>\n<meta name=\"author\" content=\"Ben Gremillion\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:creator\" content=\"@benthinkin\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"Ben Gremillion\" \/>\n\t<meta name=\"twitter:label2\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data2\" content=\"1 minute\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\\\/\\\/www.uxpin.com\\\/studio\\\/blog\\\/export-prototype-to-html-pdf\\\/#article\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/www.uxpin.com\\\/studio\\\/blog\\\/export-prototype-to-html-pdf\\\/\"},\"author\":{\"name\":\"Ben Gremillion\",\"@id\":\"https:\\\/\\\/www.uxpin.com\\\/studio\\\/#\\\/schema\\\/person\\\/6dd4adede4f1009af0b52cc6531d1d0f\"},\"headline\":\"Exporting Prototypes to HTML or PDF Couldn\u2019t Be Easier\",\"datePublished\":\"2015-08-14T23:15:44+00:00\",\"dateModified\":\"2020-04-22T13:37:48+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\\\/\\\/www.uxpin.com\\\/studio\\\/blog\\\/export-prototype-to-html-pdf\\\/\"},\"wordCount\":228,\"image\":{\"@id\":\"https:\\\/\\\/www.uxpin.com\\\/studio\\\/blog\\\/export-prototype-to-html-pdf\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/www.uxpin.com\\\/studio\\\/wp-content\\\/uploads\\\/2015\\\/08\\\/export-teaser-2.png\",\"keywords\":[\"collaboration\"],\"articleSection\":[\"Blog\",\"Tutorials\"],\"inLanguage\":\"en-US\"},{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/www.uxpin.com\\\/studio\\\/blog\\\/export-prototype-to-html-pdf\\\/\",\"url\":\"https:\\\/\\\/www.uxpin.com\\\/studio\\\/blog\\\/export-prototype-to-html-pdf\\\/\",\"name\":\"Exporting prototypes to HTML in UXPin\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/www.uxpin.com\\\/studio\\\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\\\/\\\/www.uxpin.com\\\/studio\\\/blog\\\/export-prototype-to-html-pdf\\\/#primaryimage\"},\"image\":{\"@id\":\"https:\\\/\\\/www.uxpin.com\\\/studio\\\/blog\\\/export-prototype-to-html-pdf\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/www.uxpin.com\\\/studio\\\/wp-content\\\/uploads\\\/2015\\\/08\\\/export-teaser-2.png\",\"datePublished\":\"2015-08-14T23:15:44+00:00\",\"dateModified\":\"2020-04-22T13:37:48+00:00\",\"author\":{\"@id\":\"https:\\\/\\\/www.uxpin.com\\\/studio\\\/#\\\/schema\\\/person\\\/6dd4adede4f1009af0b52cc6531d1d0f\"},\"description\":\"Learn to download your UXPin projects as HTML or PDF files.\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/www.uxpin.com\\\/studio\\\/blog\\\/export-prototype-to-html-pdf\\\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/www.uxpin.com\\\/studio\\\/blog\\\/export-prototype-to-html-pdf\\\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\\\/\\\/www.uxpin.com\\\/studio\\\/blog\\\/export-prototype-to-html-pdf\\\/#primaryimage\",\"url\":\"https:\\\/\\\/www.uxpin.com\\\/studio\\\/wp-content\\\/uploads\\\/2015\\\/08\\\/export-teaser-2.png\",\"contentUrl\":\"https:\\\/\\\/www.uxpin.com\\\/studio\\\/wp-content\\\/uploads\\\/2015\\\/08\\\/export-teaser-2.png\",\"width\":720,\"height\":330,\"caption\":\"export teaser 2\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/www.uxpin.com\\\/studio\\\/blog\\\/export-prototype-to-html-pdf\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\\\/\\\/www.uxpin.com\\\/studio\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Exporting Prototypes to HTML or PDF Couldn\u2019t Be Easier\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/www.uxpin.com\\\/studio\\\/#website\",\"url\":\"https:\\\/\\\/www.uxpin.com\\\/studio\\\/\",\"name\":\"Studio by UXPin\",\"description\":\"\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\\\/\\\/www.uxpin.com\\\/studio\\\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"},{\"@type\":\"Person\",\"@id\":\"https:\\\/\\\/www.uxpin.com\\\/studio\\\/#\\\/schema\\\/person\\\/6dd4adede4f1009af0b52cc6531d1d0f\",\"name\":\"Ben Gremillion\",\"description\":\"Ben Gremillion is a Content Strategist at UXPin. He\u2019s worked as both a web designer and a back-end developer. On the side he builds and maintains a CMS for webcomic artists, and participates in annual NaNoWriMo challenges.\",\"sameAs\":[\"https:\\\/\\\/www.uxpin.com\",\"https:\\\/\\\/x.com\\\/benthinkin\"],\"url\":\"https:\\\/\\\/www.uxpin.com\\\/studio\\\/author\\\/bengremillion\\\/\"}]}<\/script>\n<!-- \/ Yoast SEO Premium plugin. -->","yoast_head_json":{"title":"Exporting prototypes to HTML in UXPin","description":"Learn to download your UXPin projects as HTML or PDF files.","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/www.uxpin.com\/studio\/blog\/export-prototype-to-html-pdf\/","og_locale":"en_US","og_type":"article","og_title":"Exporting Prototypes to HTML or PDF Couldn\u2019t Be Easier","og_description":"Learn to download your UXPin projects as HTML or PDF files.","og_url":"https:\/\/www.uxpin.com\/studio\/blog\/export-prototype-to-html-pdf\/","og_site_name":"Studio by UXPin","article_published_time":"2015-08-14T23:15:44+00:00","article_modified_time":"2020-04-22T13:37:48+00:00","og_image":[{"width":720,"height":330,"url":"https:\/\/www.uxpin.com\/studio\/wp-content\/uploads\/2015\/08\/export-teaser-2.png","type":"image\/png"}],"author":"Ben Gremillion","twitter_card":"summary_large_image","twitter_creator":"@benthinkin","twitter_misc":{"Written by":"Ben Gremillion","Est. reading time":"1 minute"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/www.uxpin.com\/studio\/blog\/export-prototype-to-html-pdf\/#article","isPartOf":{"@id":"https:\/\/www.uxpin.com\/studio\/blog\/export-prototype-to-html-pdf\/"},"author":{"name":"Ben Gremillion","@id":"https:\/\/www.uxpin.com\/studio\/#\/schema\/person\/6dd4adede4f1009af0b52cc6531d1d0f"},"headline":"Exporting Prototypes to HTML or PDF Couldn\u2019t Be Easier","datePublished":"2015-08-14T23:15:44+00:00","dateModified":"2020-04-22T13:37:48+00:00","mainEntityOfPage":{"@id":"https:\/\/www.uxpin.com\/studio\/blog\/export-prototype-to-html-pdf\/"},"wordCount":228,"image":{"@id":"https:\/\/www.uxpin.com\/studio\/blog\/export-prototype-to-html-pdf\/#primaryimage"},"thumbnailUrl":"https:\/\/www.uxpin.com\/studio\/wp-content\/uploads\/2015\/08\/export-teaser-2.png","keywords":["collaboration"],"articleSection":["Blog","Tutorials"],"inLanguage":"en-US"},{"@type":"WebPage","@id":"https:\/\/www.uxpin.com\/studio\/blog\/export-prototype-to-html-pdf\/","url":"https:\/\/www.uxpin.com\/studio\/blog\/export-prototype-to-html-pdf\/","name":"Exporting prototypes to HTML in UXPin","isPartOf":{"@id":"https:\/\/www.uxpin.com\/studio\/#website"},"primaryImageOfPage":{"@id":"https:\/\/www.uxpin.com\/studio\/blog\/export-prototype-to-html-pdf\/#primaryimage"},"image":{"@id":"https:\/\/www.uxpin.com\/studio\/blog\/export-prototype-to-html-pdf\/#primaryimage"},"thumbnailUrl":"https:\/\/www.uxpin.com\/studio\/wp-content\/uploads\/2015\/08\/export-teaser-2.png","datePublished":"2015-08-14T23:15:44+00:00","dateModified":"2020-04-22T13:37:48+00:00","author":{"@id":"https:\/\/www.uxpin.com\/studio\/#\/schema\/person\/6dd4adede4f1009af0b52cc6531d1d0f"},"description":"Learn to download your UXPin projects as HTML or PDF files.","breadcrumb":{"@id":"https:\/\/www.uxpin.com\/studio\/blog\/export-prototype-to-html-pdf\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.uxpin.com\/studio\/blog\/export-prototype-to-html-pdf\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/www.uxpin.com\/studio\/blog\/export-prototype-to-html-pdf\/#primaryimage","url":"https:\/\/www.uxpin.com\/studio\/wp-content\/uploads\/2015\/08\/export-teaser-2.png","contentUrl":"https:\/\/www.uxpin.com\/studio\/wp-content\/uploads\/2015\/08\/export-teaser-2.png","width":720,"height":330,"caption":"export teaser 2"},{"@type":"BreadcrumbList","@id":"https:\/\/www.uxpin.com\/studio\/blog\/export-prototype-to-html-pdf\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/www.uxpin.com\/studio\/"},{"@type":"ListItem","position":2,"name":"Exporting Prototypes to HTML or PDF Couldn\u2019t Be Easier"}]},{"@type":"WebSite","@id":"https:\/\/www.uxpin.com\/studio\/#website","url":"https:\/\/www.uxpin.com\/studio\/","name":"Studio by UXPin","description":"","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/www.uxpin.com\/studio\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"},{"@type":"Person","@id":"https:\/\/www.uxpin.com\/studio\/#\/schema\/person\/6dd4adede4f1009af0b52cc6531d1d0f","name":"Ben Gremillion","description":"Ben Gremillion is a Content Strategist at UXPin. He\u2019s worked as both a web designer and a back-end developer. On the side he builds and maintains a CMS for webcomic artists, and participates in annual NaNoWriMo challenges.","sameAs":["https:\/\/www.uxpin.com","https:\/\/x.com\/benthinkin"],"url":"https:\/\/www.uxpin.com\/studio\/author\/bengremillion\/"}]}},"_links":{"self":[{"href":"https:\/\/www.uxpin.com\/studio\/wp-json\/wp\/v2\/posts\/7401","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.uxpin.com\/studio\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.uxpin.com\/studio\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.uxpin.com\/studio\/wp-json\/wp\/v2\/users\/27"}],"replies":[{"embeddable":true,"href":"https:\/\/www.uxpin.com\/studio\/wp-json\/wp\/v2\/comments?post=7401"}],"version-history":[{"count":0,"href":"https:\/\/www.uxpin.com\/studio\/wp-json\/wp\/v2\/posts\/7401\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.uxpin.com\/studio\/wp-json\/wp\/v2\/media\/7403"}],"wp:attachment":[{"href":"https:\/\/www.uxpin.com\/studio\/wp-json\/wp\/v2\/media?parent=7401"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.uxpin.com\/studio\/wp-json\/wp\/v2\/categories?post=7401"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.uxpin.com\/studio\/wp-json\/wp\/v2\/tags?post=7401"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}