{"id":35671,"date":"2022-06-29T06:49:00","date_gmt":"2022-06-29T13:49:00","guid":{"rendered":"https:\/\/www.uxpin.com\/studio\/?p=35671"},"modified":"2023-03-29T04:51:12","modified_gmt":"2023-03-29T11:51:12","slug":"9-tips-to-design-faster-and-tricks-in-uxpin","status":"publish","type":"post","link":"https:\/\/www.uxpin.com\/studio\/blog\/9-tips-to-design-faster-and-tricks-in-uxpin\/","title":{"rendered":"9 Tips to Design Faster and Tricks in UXPin"},"content":{"rendered":"\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"512\" src=\"https:\/\/www.uxpin.com\/studio\/wp-content\/uploads\/2022\/06\/Tips-to-design-faster-and-tricks-in-UXPin-1024x512.png\" alt=\"Tips to design faster and tricks in UXPin\" class=\"wp-image-35679\" srcset=\"https:\/\/www.uxpin.com\/studio\/wp-content\/uploads\/2022\/06\/Tips-to-design-faster-and-tricks-in-UXPin-1024x512.png 1024w, https:\/\/www.uxpin.com\/studio\/wp-content\/uploads\/2022\/06\/Tips-to-design-faster-and-tricks-in-UXPin-600x300.png 600w, https:\/\/www.uxpin.com\/studio\/wp-content\/uploads\/2022\/06\/Tips-to-design-faster-and-tricks-in-UXPin-768x384.png 768w, https:\/\/www.uxpin.com\/studio\/wp-content\/uploads\/2022\/06\/Tips-to-design-faster-and-tricks-in-UXPin.png 1200w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<div style=\"height:20px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<p>Our goal at UXPin is for designers to spend less time designing and building and more time testing and iterating on ideas. We have a ton of shortcuts and features to help designers prototype faster and get more meaningful results during testing.<\/p>\n\n\n\n<p>We&#8217;ve compiled a list of our top 9 tips and tricks to design faster in UXPin. If you&#8217;re new to code-based design, <a href=\"https:\/\/www.uxpin.com\/sign-up\" target=\"_blank\" rel=\"noreferrer noopener\">sign up for a free trial<\/a> and follow the tips in this article to discover how UXPin makes prototyping quicker and more enjoyable.<\/p>\n\n\n\n<section class=\"try-uxpin-banner\">\n    <div class=\"try-uxpin__container\">\n        <div class=\"try-uxpin__left\">\n            <p class=\"try-uxpin__heading\">Build advanced prototypes<\/p>\n            <p class=\"try-uxpin__text\">Design better products with States, Variables, Auto Layout and more.<\/p>\n            <a href=\"https:\/\/www.uxpin.com\/sign-up\" target=\"_blank\" rel=\"noopener\">\n                <button class=\"try-uxpin__button\">Try UXPin<\/button>\n            <\/a>\n        <\/div>\n        <div>\n            <img decoding=\"async\" src=\"https:\/\/uxpin.com\/studio\/wp-content\/themes\/uxpin-juggernaut\/img\/cta-banner-signup.png\" class=\"try-uxpin__image\" alt=\"Try UXPin\">\n        <\/div>\n    <\/div>\n<\/section>\n\n<style>\n.try-uxpin-banner {\n    margin: 40px 0px;\n}\n\n.try-uxpin__container {\n    display: flex;\n    max-width: 689px;\n    height: 210px;\n    padding: 20px;\n    padding-left: 24px;\n    border: 2px solid black;\n    border-radius: 4px;\n    align-items: center;\n    justify-content: space-between;\n    background-color: white;\n    box-shadow: 10px 10px black;\n}\n\n.try-uxpin__left {\n    width: 54%;\n}\n\n\n.try-uxpin__heading {\n    font-size: 28px !important;\n    font-weight: bold;\n}\n\n.try-uxpin__left p {\n    margin: 10px 0px !important;\n    color: black !important;\n}\n\n.try-uxpin__text {\n    margin: 0 !important;\n    font-size: 18px !important;\n    line-height: 22px !important;\n}\n\n.try-uxpin__button {\n    width: 135px;\n    height: 44px;\n    background: black;\n    margin: 10px 0px;\n    padding: 10px 20px;\n    border: none;\n    border-radius: 2px;\n    color: white;\n    font-size: 16px;\n    text-align: center;\n}\n\n.try-uxpin__button:hover {\n    cursor: pointer;\n}\n\n.try-uxpin__image {\n    max-width: 320px !important;\n    height: 200px;\n    margin-right: -21px;\n    margin-bottom: -6px;\n}\n\n@media (max-width: 760px) {\n    .try-uxpin__container {\n        height: auto;\n        margin: 10px;\n        align-items: left;\n    }\n}\n\n@media (max-width: 500px) {\n    .try-uxpin__container {\n        flex-direction: column;\n    }\n\n    .try-uxpin__left {\n        width: 100%;\n        align-items: normal;\n    }\n}\n\n<\/style>\n\n\n\n<div style=\"height:20px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"h-one-page-design-vs-multiple-artboards\">One-Page Design vs. Multiple Artboards<\/h2>\n\n\n\n<p>Image-based design tools require designers to duplicate multiple artboards to create basic functionality and interactions. The transitions often look &#8220;unnatural&#8221; and don&#8217;t provide an authentic user experience.<\/p>\n\n\n\n<p>With UXPin, you can create multiple interactions for a single screen without switching artboards, just like you would using the final product. <a href=\"https:\/\/www.uxpin.com\/examples\/calming-app\" target=\"_blank\" rel=\"noreferrer noopener\">UXPin&#8217;s Calming App<\/a> is an excellent example of you can create interactions and animations on a single screen.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large is-resized\"><img decoding=\"async\" src=\"https:\/\/www.uxpin.com\/studio\/wp-content\/uploads\/2022\/06\/Calming-App-Design-Fast-Example-1024x468.png\" alt=\"Calming App Design Fast Example\" class=\"wp-image-35681\" width=\"650\" srcset=\"https:\/\/www.uxpin.com\/studio\/wp-content\/uploads\/2022\/06\/Calming-App-Design-Fast-Example-1024x468.png 1024w, https:\/\/www.uxpin.com\/studio\/wp-content\/uploads\/2022\/06\/Calming-App-Design-Fast-Example-657x300.png 657w, https:\/\/www.uxpin.com\/studio\/wp-content\/uploads\/2022\/06\/Calming-App-Design-Fast-Example-768x351.png 768w, https:\/\/www.uxpin.com\/studio\/wp-content\/uploads\/2022\/06\/Calming-App-Design-Fast-Example-1536x702.png 1536w, https:\/\/www.uxpin.com\/studio\/wp-content\/uploads\/2022\/06\/Calming-App-Design-Fast-Example-2048x936.png 2048w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<p>The Calming App has four screens, each with <a href=\"https:\/\/www.uxpin.com\/studio\/blog\/microinteractions-for-protypes\/\" target=\"_blank\" rel=\"noreferrer noopener\">microinteractions<\/a> and animations triggered by a user tapping a button. When you click &#8220;Start&#8221; on the app&#8217;s &#8220;Breathe&#8221; section, the screen completely transforms with a pulsing animation\u2013all of which we designed using a single frame in UXPin.<\/p>\n\n\n\n<p>Feel free to <a href=\"https:\/\/www.uxpin.com\/examples\/calming-app\" target=\"_blank\" rel=\"noreferrer noopener\">download and install our Calming App<\/a> to see how UXPin&#8217;s designers built this immersive prototype. If you don&#8217;t have a UXPin account, <a href=\"https:\/\/www.uxpin.com\/sign-up\" target=\"_blank\" rel=\"noreferrer noopener\">sign up for a free trial<\/a> and follow the instructions in the download attachment to install the app.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"h-refresh-data\">Refresh Data<\/h2>\n\n\n\n<p>Finding and adding dummy data to your prototypes can feel like a waste of time. Even if you have a well-organized content library, you still have to copy\/paste and upload it accordingly.<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"750\" height=\"301\" src=\"https:\/\/www.uxpin.com\/studio\/wp-content\/uploads\/2021\/11\/loading.png\" alt=\"loading\" class=\"wp-image-32518\" srcset=\"https:\/\/www.uxpin.com\/studio\/wp-content\/uploads\/2021\/11\/loading.png 750w, https:\/\/www.uxpin.com\/studio\/wp-content\/uploads\/2021\/11\/loading-700x281.png 700w\" sizes=\"auto, (max-width: 750px) 100vw, 750px\" \/><\/figure>\n\n\n\n<p>In UXPin, you can add dummy data to your project with just a few clicks or use our <a href=\"https:\/\/www.uxpin.com\/docs\/editor\/data-and-content#match-content-by-layer-name\" target=\"_blank\" rel=\"noreferrer noopener\">Match Content by Layer Name<\/a> feature to populate fields automatically.<\/p>\n\n\n\n<p>UXPin also allows you to refresh dummy content instantly using our <a href=\"https:\/\/www.uxpin.com\/docs\/tips-and-tricks\/tricks-and-tips\/#refresh-data\" target=\"_blank\" rel=\"noreferrer noopener\">Refresh Data shortcut<\/a> <strong>CMD+SHIFT+D<\/strong> on Mac or <strong>CTRL+SHIFT+D<\/strong> on Windows.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"h-scrollable-content\">Scrollable Content<\/h2>\n\n\n\n<p>Depending on the design tool you use, creating scrollable content can be a time-consuming exercise. With UXPin&#8217;s <a href=\"https:\/\/www.uxpin.com\/docs\/tips-and-tricks\/tricks-and-tips\/#crop-and-scroll\">Crop and Scroll feature<\/a>, you can add vertical or horizontal scrolling in just two clicks.<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Step One &#8211; Add your content to the prototype so that everything is visible (even if this means your content overflows off the artboard. <a href=\"https:\/\/www.uxpin.com\/docs\/tips-and-tricks\/tricks-and-tips\/#crop-and-scroll\">See example<\/a>.)<\/li>\n\n\n\n<li>Step Two &#8211; Make sure you have the content selected and check the box &#8220;Crop selected content,&#8221; and choose whether you want it to scroll vertically or horizontally.<\/li>\n\n\n\n<li>Step Three &#8211; Crop your content to the edge of the prototype, so the excess is hidden.<\/li>\n<\/ul>\n\n\n\n<p>When you preview your prototype, the content will scroll according to your settings.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"h-copy-and-paste-styles\">Copy and Paste Styles<\/h2>\n\n\n\n<p><a href=\"https:\/\/www.uxpin.com\/docs\/tips-and-tricks\/tricks-and-tips\/#copy-and-paste-styles\" target=\"_blank\" rel=\"noreferrer noopener\">Copy and Paste styles<\/a> from one component to another without impacting the second&#8217;s content in just two shortcut commands.&nbsp;<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Copy: <strong>CMD+OPTION+C<\/strong> on Mac or <strong>CTRL+ALT+C<\/strong> on Windows<\/li>\n\n\n\n<li>Paste: <strong>CMD+OPTION+V<\/strong> on Mac or <strong>CTRL+ALT+V<\/strong> on Windows<\/li>\n<\/ul>\n\n\n\n<p>This shortcut will only copy\/paste styles, not interactions\u2013but we have a shortcut for that too :)<\/p>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"h-copy-and-paste-interactions\">Copy and Paste Interactions<\/h2>\n\n\n\n<p>If you also want to <a href=\"https:\/\/www.uxpin.com\/docs\/tips-and-tricks\/tricks-and-tips\/#copy-and-paste-interactions\" target=\"_blank\" rel=\"noreferrer noopener\">copy and paste a component&#8217;s interactions<\/a>, you can use this UXPin shortcut:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Copy: <strong>CMD+SHIFT+C<\/strong> on Mac or <strong>CTRL+SHIFT+C<\/strong> on Windows<\/li>\n\n\n\n<li>Paste: <strong>CMD+SHIFT+V<\/strong> on Mac or <strong>CTRL+SHIFT+V<\/strong> on Windows<\/li>\n<\/ul>\n\n\n\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"750\" height=\"300\" src=\"https:\/\/www.uxpin.com\/studio\/wp-content\/uploads\/2021\/11\/interaction-click-hi-fi-1.png\" alt=\"interaction click hi fi 1\" class=\"wp-image-32479\" srcset=\"https:\/\/www.uxpin.com\/studio\/wp-content\/uploads\/2021\/11\/interaction-click-hi-fi-1.png 750w, https:\/\/www.uxpin.com\/studio\/wp-content\/uploads\/2021\/11\/interaction-click-hi-fi-1-700x280.png 700w\" sizes=\"auto, (max-width: 750px) 100vw, 750px\" \/><\/figure>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"h-hide-a-page-from-preview\">Hide a Page from Preview<\/h2>\n\n\n\n<p>You have to present a prototype you&#8217;re working on to stakeholders, but you don&#8217;t want to show them parts you still haven&#8217;t completed. You can duplicate the prototype, delete the extra screens, and present what you&#8217;ve completed.&nbsp;<\/p>\n\n\n\n<p>There are several issues with this approach:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Wastes time<\/li>\n\n\n\n<li>Leads to multiple project files, each with different screens missing<\/li>\n\n\n\n<li>Increases the likelihood of errors<\/li>\n\n\n\n<li>Any notes you or stakeholders make on the second prototype must be copied to the original<\/li>\n\n\n\n<li>Causes confusion with others working on the same project<\/li>\n<\/ul>\n\n\n\n<p>A more straightforward solution would be to <strong>hide the screens<\/strong> you don&#8217;t want people to see and share the prototype link\u2013which is what UXPin&#8217;s <a href=\"https:\/\/www.uxpin.com\/docs\/tips-and-tricks\/tricks-and-tips\/#hide-a-page-from-preview\" target=\"_blank\" rel=\"noreferrer noopener\">Hide a Page from Preview<\/a> does. You can hide any screens you don&#8217;t want to appear in the prototype and reveal them again with a single click.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"h-advanced-animations\">Advanced Animations<\/h2>\n\n\n\n<p>UXPin renders HTML, CSS, and Javascript, allowing designers to create code-like interactions and <a href=\"https:\/\/www.uxpin.com\/docs\/editor\/interactions\/#animations\" target=\"_blank\" rel=\"noreferrer noopener\">animations<\/a>. Using UXPin&#8217;s properties panel, designers can choose the type of animation and tweak its settings to achieve the desired result.<\/p>\n\n\n\n<p>Designers can take interactions to the next level with <a href=\"https:\/\/www.uxpin.com\/docs\/editor\/interactions\/#conditional-interactions\" target=\"_blank\" rel=\"noreferrer noopener\">Conditional Interactions<\/a>. Create a set of &#8220;if-then&#8221; and &#8220;if-else&#8221; rules to trigger dynamic user experiences that accurately represent a coded product.<\/p>\n\n\n\n<p>With UXPin&#8217;s advanced animations, designers can create immersive, intuitive prototypes that make sense to the user experience.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"h-accessibility-features\">Accessibility Features<\/h2>\n\n\n\n<p>While we all know the importance of creating inclusive products, accessibility can sometimes feel like a chore because designers have to use plugins or external tools to test UIs.<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"750\" height=\"301\" src=\"https:\/\/www.uxpin.com\/studio\/wp-content\/uploads\/2022\/04\/accessibility-contrast-wcag.png\" alt=\"accessibility contrast wcag\" class=\"wp-image-35040\" srcset=\"https:\/\/www.uxpin.com\/studio\/wp-content\/uploads\/2022\/04\/accessibility-contrast-wcag.png 750w, https:\/\/www.uxpin.com\/studio\/wp-content\/uploads\/2022\/04\/accessibility-contrast-wcag-700x281.png 700w\" sizes=\"auto, (max-width: 750px) 100vw, 750px\" \/><\/figure>\n\n\n\n<p>With <a href=\"https:\/\/www.uxpin.com\/docs\/editor\/accessibility-features\/\" target=\"_blank\" rel=\"noreferrer noopener\">built-in accessibility features<\/a>, designers don&#8217;t have to leave UXPin to test their color choices. UXPin provides two tools for testing on the fly:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li><a href=\"https:\/\/www.uxpin.com\/docs\/editor\/accessibility-features\/#contrast-checker\" target=\"_blank\" rel=\"noreferrer noopener\">Contrast Checker<\/a>: Check your prototypes against <a href=\"https:\/\/www.w3.org\/WAI\/standards-guidelines\/wcag\/\" target=\"_blank\" rel=\"noreferrer noopener\">WCAG<\/a> standards with an indicator for levels AA and AAA.<\/li>\n\n\n\n<li><a href=\"https:\/\/www.uxpin.com\/docs\/editor\/accessibility-features\/#color-blindness-simulator\" target=\"_blank\" rel=\"noreferrer noopener\">Color Blindness Simulator<\/a>: Test how color blind users will see your prototypes by switching through the eight types of color blindness.<\/li>\n<\/ul>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"h-built-in-library-of-icons-and-forms\">Built-in Library of Icons and Forms<\/h2>\n\n\n\n<p>Building forms and icons from scratch take up significant time when you want to build a quick prototype. Most design tools have third-party libraries, but you still have to search through these to find what you need.<\/p>\n\n\n\n<p>UXPin comes with a vast library of <a href=\"https:\/\/www.uxpin.com\/docs\/editor\/elements\/#icons\" target=\"_blank\" rel=\"noreferrer noopener\">icons built-in<\/a>, including Google&#8217;s Material UI, Font Awesome, Pixel, and Retina icon sets. You can also <a href=\"https:\/\/www.uxpin.com\/docs\/editor\/elements\/#importing-and-editing-icons\" target=\"_blank\" rel=\"noreferrer noopener\">import your own SVGs<\/a> and make edits inside UXPin.<\/p>\n\n\n\n<p>UXPin also includes basic <a href=\"https:\/\/www.uxpin.com\/docs\/editor\/elements\/#forms\" target=\"_blank\" rel=\"noreferrer noopener\">form elements<\/a> designers can use as-is or customize to meet their needs.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Try Advanced Prototyping in UXPin<\/h2>\n\n\n\n<p>Ready to try these tips and tricks for yourself? We have several <a href=\"https:\/\/www.uxpin.com\/examples\" target=\"_blank\" rel=\"noreferrer noopener\">example projects<\/a> that showcase UXPin&#8217;s advanced design and prototyping features. <a href=\"https:\/\/www.uxpin.com\/sign-up\" target=\"_blank\" rel=\"noreferrer noopener\">Sign up for a free trial<\/a> and discover how code-based design can revolutionize your prototypes to create better user experiences for your customers.<\/p>\n\n\n\n<div class=\"wp-block-button is-style-fill\"><center><a class=\"btn btn-flat btn-large btn-content-width\" href=\"https:\/\/www.uxpin.com\/sign-up\" target=\"_blank\" rel=\"noopener\">Try UXPin for free<\/a><\/center><\/div>\n","protected":false},"excerpt":{"rendered":"<p>Our goal at UXPin is for designers to spend less time designing and building and more time testing and iterating on ideas. We have a ton of shortcuts and features to help designers prototype faster and get more meaningful results during testing. We&#8217;ve compiled a list of our top 9 tips and tricks to design<\/p>\n","protected":false},"author":3,"featured_media":35679,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[3,334,4,6,19],"tags":[],"class_list":["post-35671","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-blog","category-features","category-ui-design","category-ux-design","category-uxpin"],"yoast_title":"","yoast_metadesc":"Here are 9 tips that can definitely speed up prototyping! See how fast you can prototype in UXPin once you use them.","acf":[],"yoast_head":"<!-- This site is optimized with the Yoast SEO Premium plugin v27.4 (Yoast SEO v27.4) - https:\/\/yoast.com\/product\/yoast-seo-premium-wordpress\/ -->\n<title>9 Tips to Design Faster and Tricks in UXPin | UXPin<\/title>\n<meta name=\"description\" content=\"Here are 9 tips that can definitely speed up prototyping! See how fast you can prototype in UXPin once you use them.\" \/>\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\/9-tips-to-design-faster-and-tricks-in-uxpin\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"9 Tips to Design Faster and Tricks in UXPin\" \/>\n<meta property=\"og:description\" content=\"Here are 9 tips that can definitely speed up prototyping! See how fast you can prototype in UXPin once you use them.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www.uxpin.com\/studio\/blog\/9-tips-to-design-faster-and-tricks-in-uxpin\/\" \/>\n<meta property=\"og:site_name\" content=\"Studio by UXPin\" \/>\n<meta property=\"article:published_time\" content=\"2022-06-29T13:49:00+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2023-03-29T11:51:12+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/www.uxpin.com\/studio\/wp-content\/uploads\/2022\/06\/Tips-to-design-faster-and-tricks-in-UXPin.png\" \/>\n\t<meta property=\"og:image:width\" content=\"1200\" \/>\n\t<meta property=\"og:image:height\" content=\"600\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/png\" \/>\n<meta name=\"author\" content=\"UXPin\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:creator\" content=\"@uxpin\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"UXPin\" \/>\n\t<meta name=\"twitter:label2\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data2\" content=\"6 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\\\/\\\/www.uxpin.com\\\/studio\\\/blog\\\/9-tips-to-design-faster-and-tricks-in-uxpin\\\/#article\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/www.uxpin.com\\\/studio\\\/blog\\\/9-tips-to-design-faster-and-tricks-in-uxpin\\\/\"},\"author\":{\"name\":\"UXPin\",\"@id\":\"https:\\\/\\\/www.uxpin.com\\\/studio\\\/#\\\/schema\\\/person\\\/e0326509b38ce2a3ce62e40ddde9cf8e\"},\"headline\":\"9 Tips to Design Faster and Tricks in UXPin\",\"datePublished\":\"2022-06-29T13:49:00+00:00\",\"dateModified\":\"2023-03-29T11:51:12+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\\\/\\\/www.uxpin.com\\\/studio\\\/blog\\\/9-tips-to-design-faster-and-tricks-in-uxpin\\\/\"},\"wordCount\":1053,\"image\":{\"@id\":\"https:\\\/\\\/www.uxpin.com\\\/studio\\\/blog\\\/9-tips-to-design-faster-and-tricks-in-uxpin\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/www.uxpin.com\\\/studio\\\/wp-content\\\/uploads\\\/2022\\\/06\\\/Tips-to-design-faster-and-tricks-in-UXPin.png\",\"articleSection\":[\"Blog\",\"Features\",\"UI Design\",\"UX Design\",\"UXPin\"],\"inLanguage\":\"en-US\"},{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/www.uxpin.com\\\/studio\\\/blog\\\/9-tips-to-design-faster-and-tricks-in-uxpin\\\/\",\"url\":\"https:\\\/\\\/www.uxpin.com\\\/studio\\\/blog\\\/9-tips-to-design-faster-and-tricks-in-uxpin\\\/\",\"name\":\"9 Tips to Design Faster and Tricks in UXPin | UXPin\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/www.uxpin.com\\\/studio\\\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\\\/\\\/www.uxpin.com\\\/studio\\\/blog\\\/9-tips-to-design-faster-and-tricks-in-uxpin\\\/#primaryimage\"},\"image\":{\"@id\":\"https:\\\/\\\/www.uxpin.com\\\/studio\\\/blog\\\/9-tips-to-design-faster-and-tricks-in-uxpin\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/www.uxpin.com\\\/studio\\\/wp-content\\\/uploads\\\/2022\\\/06\\\/Tips-to-design-faster-and-tricks-in-UXPin.png\",\"datePublished\":\"2022-06-29T13:49:00+00:00\",\"dateModified\":\"2023-03-29T11:51:12+00:00\",\"author\":{\"@id\":\"https:\\\/\\\/www.uxpin.com\\\/studio\\\/#\\\/schema\\\/person\\\/e0326509b38ce2a3ce62e40ddde9cf8e\"},\"description\":\"Here are 9 tips that can definitely speed up prototyping! See how fast you can prototype in UXPin once you use them.\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/www.uxpin.com\\\/studio\\\/blog\\\/9-tips-to-design-faster-and-tricks-in-uxpin\\\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/www.uxpin.com\\\/studio\\\/blog\\\/9-tips-to-design-faster-and-tricks-in-uxpin\\\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\\\/\\\/www.uxpin.com\\\/studio\\\/blog\\\/9-tips-to-design-faster-and-tricks-in-uxpin\\\/#primaryimage\",\"url\":\"https:\\\/\\\/www.uxpin.com\\\/studio\\\/wp-content\\\/uploads\\\/2022\\\/06\\\/Tips-to-design-faster-and-tricks-in-UXPin.png\",\"contentUrl\":\"https:\\\/\\\/www.uxpin.com\\\/studio\\\/wp-content\\\/uploads\\\/2022\\\/06\\\/Tips-to-design-faster-and-tricks-in-UXPin.png\",\"width\":1200,\"height\":600,\"caption\":\"Tips to design faster and tricks in UXPin\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/www.uxpin.com\\\/studio\\\/blog\\\/9-tips-to-design-faster-and-tricks-in-uxpin\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\\\/\\\/www.uxpin.com\\\/studio\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"9 Tips to Design Faster and Tricks in UXPin\"}]},{\"@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\\\/e0326509b38ce2a3ce62e40ddde9cf8e\",\"name\":\"UXPin\",\"description\":\"UXPin is a web-based design collaboration tool. We\u2019re pleased to share our knowledge here.\",\"sameAs\":[\"http:\\\/\\\/www.uxpin.com\",\"https:\\\/\\\/x.com\\\/@uxpin\"],\"url\":\"https:\\\/\\\/www.uxpin.com\\\/studio\\\/author\\\/hello\\\/\"}]}<\/script>\n<!-- \/ Yoast SEO Premium plugin. -->","yoast_head_json":{"title":"9 Tips to Design Faster and Tricks in UXPin | UXPin","description":"Here are 9 tips that can definitely speed up prototyping! See how fast you can prototype in UXPin once you use them.","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\/9-tips-to-design-faster-and-tricks-in-uxpin\/","og_locale":"en_US","og_type":"article","og_title":"9 Tips to Design Faster and Tricks in UXPin","og_description":"Here are 9 tips that can definitely speed up prototyping! See how fast you can prototype in UXPin once you use them.","og_url":"https:\/\/www.uxpin.com\/studio\/blog\/9-tips-to-design-faster-and-tricks-in-uxpin\/","og_site_name":"Studio by UXPin","article_published_time":"2022-06-29T13:49:00+00:00","article_modified_time":"2023-03-29T11:51:12+00:00","og_image":[{"width":1200,"height":600,"url":"https:\/\/www.uxpin.com\/studio\/wp-content\/uploads\/2022\/06\/Tips-to-design-faster-and-tricks-in-UXPin.png","type":"image\/png"}],"author":"UXPin","twitter_card":"summary_large_image","twitter_creator":"@uxpin","twitter_misc":{"Written by":"UXPin","Est. reading time":"6 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/www.uxpin.com\/studio\/blog\/9-tips-to-design-faster-and-tricks-in-uxpin\/#article","isPartOf":{"@id":"https:\/\/www.uxpin.com\/studio\/blog\/9-tips-to-design-faster-and-tricks-in-uxpin\/"},"author":{"name":"UXPin","@id":"https:\/\/www.uxpin.com\/studio\/#\/schema\/person\/e0326509b38ce2a3ce62e40ddde9cf8e"},"headline":"9 Tips to Design Faster and Tricks in UXPin","datePublished":"2022-06-29T13:49:00+00:00","dateModified":"2023-03-29T11:51:12+00:00","mainEntityOfPage":{"@id":"https:\/\/www.uxpin.com\/studio\/blog\/9-tips-to-design-faster-and-tricks-in-uxpin\/"},"wordCount":1053,"image":{"@id":"https:\/\/www.uxpin.com\/studio\/blog\/9-tips-to-design-faster-and-tricks-in-uxpin\/#primaryimage"},"thumbnailUrl":"https:\/\/www.uxpin.com\/studio\/wp-content\/uploads\/2022\/06\/Tips-to-design-faster-and-tricks-in-UXPin.png","articleSection":["Blog","Features","UI Design","UX Design","UXPin"],"inLanguage":"en-US"},{"@type":"WebPage","@id":"https:\/\/www.uxpin.com\/studio\/blog\/9-tips-to-design-faster-and-tricks-in-uxpin\/","url":"https:\/\/www.uxpin.com\/studio\/blog\/9-tips-to-design-faster-and-tricks-in-uxpin\/","name":"9 Tips to Design Faster and Tricks in UXPin | UXPin","isPartOf":{"@id":"https:\/\/www.uxpin.com\/studio\/#website"},"primaryImageOfPage":{"@id":"https:\/\/www.uxpin.com\/studio\/blog\/9-tips-to-design-faster-and-tricks-in-uxpin\/#primaryimage"},"image":{"@id":"https:\/\/www.uxpin.com\/studio\/blog\/9-tips-to-design-faster-and-tricks-in-uxpin\/#primaryimage"},"thumbnailUrl":"https:\/\/www.uxpin.com\/studio\/wp-content\/uploads\/2022\/06\/Tips-to-design-faster-and-tricks-in-UXPin.png","datePublished":"2022-06-29T13:49:00+00:00","dateModified":"2023-03-29T11:51:12+00:00","author":{"@id":"https:\/\/www.uxpin.com\/studio\/#\/schema\/person\/e0326509b38ce2a3ce62e40ddde9cf8e"},"description":"Here are 9 tips that can definitely speed up prototyping! See how fast you can prototype in UXPin once you use them.","breadcrumb":{"@id":"https:\/\/www.uxpin.com\/studio\/blog\/9-tips-to-design-faster-and-tricks-in-uxpin\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.uxpin.com\/studio\/blog\/9-tips-to-design-faster-and-tricks-in-uxpin\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/www.uxpin.com\/studio\/blog\/9-tips-to-design-faster-and-tricks-in-uxpin\/#primaryimage","url":"https:\/\/www.uxpin.com\/studio\/wp-content\/uploads\/2022\/06\/Tips-to-design-faster-and-tricks-in-UXPin.png","contentUrl":"https:\/\/www.uxpin.com\/studio\/wp-content\/uploads\/2022\/06\/Tips-to-design-faster-and-tricks-in-UXPin.png","width":1200,"height":600,"caption":"Tips to design faster and tricks in UXPin"},{"@type":"BreadcrumbList","@id":"https:\/\/www.uxpin.com\/studio\/blog\/9-tips-to-design-faster-and-tricks-in-uxpin\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/www.uxpin.com\/studio\/"},{"@type":"ListItem","position":2,"name":"9 Tips to Design Faster and Tricks in UXPin"}]},{"@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\/e0326509b38ce2a3ce62e40ddde9cf8e","name":"UXPin","description":"UXPin is a web-based design collaboration tool. We\u2019re pleased to share our knowledge here.","sameAs":["http:\/\/www.uxpin.com","https:\/\/x.com\/@uxpin"],"url":"https:\/\/www.uxpin.com\/studio\/author\/hello\/"}]}},"_links":{"self":[{"href":"https:\/\/www.uxpin.com\/studio\/wp-json\/wp\/v2\/posts\/35671","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\/3"}],"replies":[{"embeddable":true,"href":"https:\/\/www.uxpin.com\/studio\/wp-json\/wp\/v2\/comments?post=35671"}],"version-history":[{"count":5,"href":"https:\/\/www.uxpin.com\/studio\/wp-json\/wp\/v2\/posts\/35671\/revisions"}],"predecessor-version":[{"id":44015,"href":"https:\/\/www.uxpin.com\/studio\/wp-json\/wp\/v2\/posts\/35671\/revisions\/44015"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.uxpin.com\/studio\/wp-json\/wp\/v2\/media\/35679"}],"wp:attachment":[{"href":"https:\/\/www.uxpin.com\/studio\/wp-json\/wp\/v2\/media?parent=35671"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.uxpin.com\/studio\/wp-json\/wp\/v2\/categories?post=35671"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.uxpin.com\/studio\/wp-json\/wp\/v2\/tags?post=35671"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}