{"id":18537,"date":"2019-12-10T05:12:17","date_gmt":"2019-12-10T13:12:17","guid":{"rendered":"https:\/\/www.uxpin.com\/studio\/?p=18537"},"modified":"2024-06-12T20:45:55","modified_gmt":"2024-06-13T03:45:55","slug":"see-whats-new-in-uxpin-2-1","status":"publish","type":"post","link":"https:\/\/www.uxpin.com\/studio\/blog\/see-whats-new-in-uxpin-2-1\/","title":{"rendered":"See what\u2019s new in UXPin 2.1"},"content":{"rendered":"\n

UXPin 2.1 brings a whole list of awesome improvements (we’re not stopping after UXPin 2.0<\/a>), from elastic boxes and buttons that expand as you type, to an easier way of selecting elements and undoing deleted pages. Discover everything that\u2019s new and dive into the details of all other enhancements and fixes.<\/p>\n\n\n[videojs_video url=”https:\/\/www.uxpin.com\/studio\/wp-content\/uploads\/2019\/12\/2-1_release_post_800x600-3.mp4″ controls=”false” autoplay=”true” loop=”true” muted=”true”]\n\n\n

Elastic boxes and buttons<\/h2>\n

Boxes and buttons now expand as you type into them. Just uncheck the Fixed size option in the properties panel and you\u2019re good to go! Apart from that, we\u2019ve also enabled all text properties inside boxes and buttons. See how it works in Docs<\/a>.<\/p>\n\n\n[videojs_video url=”https:\/\/www.uxpin.com\/studio\/wp-content\/uploads\/2019\/12\/NewBoxButton_Release_800x600_v2.mp4″ controls=”false” autoplay=”true” loop=”true” muted=”true”]\n\n\n

You can now undo deleted pages<\/h2>\n

This has been one of the most frequently requested features. So we\u2019re happy to finally say that you can now recover deleted pages seconds after you remove them.<\/p>\n\n\n[videojs_video url=”https:\/\/www.uxpin.com\/studio\/wp-content\/uploads\/2019\/12\/UndoDeletePages_Mail_800x600_v2.mp4″ controls=”false” autoplay=”true” loop=”true” muted=”true”]\n\n\n

Hide pages from preview<\/h2>\n

If you have pages in your design that you don\u2019t want to show on preview, just click the eye icon next to the page name. This makes them invisible on preview, excludes them from exports and the navigation. Learn more on Docs<\/a>.<\/p>\n\n\n[videojs_video url=”https:\/\/www.uxpin.com\/studio\/wp-content\/uploads\/2019\/12\/HIdePagesFromPreview_800x600.mp4″ controls=”false” autoplay=”true” loop=”true” muted=”true”]\n\n\n

Selecting elements got a lot easier<\/h2>\n

Selecting elements on the canvas is now easier. If you want to select a locked element on the canvas or elements that overlap or are hidden under one another, we\u2019ve got you covered. Just right-click and choose Select Layer from the context menu to get down to every single layer that’s right under your cursor. Read more in the tutorial<\/a>.<\/p>\n\n\n\n

\"\"<\/figure>\n\n\n\n

Improvements<\/h2>\n
    \n
  • You can now move elements to a position that\u2019s not visible in your current viewport.<\/li>\n
  • We’ve improved grid rendering on large zooms levels.<\/li>\n
  • You can now set the weight of system fonts for Windows.<\/li>\n
  • The top bar now displays up to 5 avatars in the Top bar when you\u2019re working with the team on the same prototype.<\/li>\n
  • We\u2019ve improved the context menu for elements by grouping actions that are relevant and adding new ones.<\/li>\n
  • We have removed unnecessary options from the canvas context menu.<\/li>\n
  • Editing large projects would cause a performance drop.<\/li>\n
  • Sometimes the Esc button would not deselect a currently selected Page.<\/li>\n
  • From now on, the possibility to open the sitemap if you have only one page is blocked.<\/li>\n
  • Groups in the Pages panel are now expanded when dragging a page into the group.<\/li>\n<\/ul>\n\n\n\n

    Fixed<\/h2>\n
      \n
    • The icon for removing the guide was stuck when clicking very close below the vertical guide and dragged it.<\/li>\n
    • Disappearing canvas when switching between pages while editing the Master Component.<\/li>\n
    • Pinning or unpinning the Pages and Layers panel did not remember the expanded or collapsed sitemap size.<\/li>\n
    • Adding a new page from the context menu duplicated the content of the selected page.<\/li>\n
    • The project switch button worked only when you clicked on the project’s name.<\/li>\n
    • We\u2019ve fixed the order of layers after duplicating at least 2 elements with Alt-drag.<\/li>\n
    • Copy-pasting elements with Cmd\/Ctrl C and Cmd\/Ctrl V would place the copied element beneath the original element.<\/li>\n
    • The properties panel disappeared when you edited some expressions.<\/li>\n
    • Zen mode did not hide all panels.<\/li>\n
    • Flip Vertically and Horizontally is now blocked in Component Instances.<\/li>\n
    • Fonts added by users would not load on Chrome [Windows].<\/li>\n
    • When moving guides with Cmd pressed, ignore snapping didn\u2019t work.<\/li>\n
    • The context menu in the layers panel did not close after the first click.<\/li>\n
    • Adding a new page in a collapsed pages panel no longer enters the edit name mode.<\/li>\n
    • Elements didn\u2019t snap to guides after you zoomed in.<\/li>\n
    • States for hidden elements in the Layers panel were not grayed out.<\/li>\n
    • Depending on the browser, the collaborator\u2019s initials inside team avatars were not centered properly. <\/li>\n<\/ul>\n\n\n\n

      What’s Next?<\/h2>\n

      Here\u2019s what you should be looking forward to in our upcoming releases:<\/p>\n

      Color Picker<\/h3>\n

      We\u2019re rebuilding our color picker by making it faster to use. You\u2019ll know right away which colors are at least \u201cAA\u201d rated and which don\u2019t meet accessibility standards. You\u2019ll also have the option to switch between the list and grid view for colors from all accessible Design System Libraries.<\/p>\n

      Grids: Column, Baseline, and Square<\/h3>\n

      We will soon be adding more grids to UXPin. Column Grids that are perfect for organizing elements into columns., Baseline Grids to give a flowing rhythm to the text in your design,\u00a0and Square Grids where you can define the size of cells.<\/p>\n

      Recent prototypes<\/h3>\n

      You’ll be able to view the list of your recent prototypes and switch between them from the top left corner of the editor.<\/p>\n

      Pages overview<\/h3>\n

      An overview of all your pages will soon be available in UXPin. You\u2019ll see a new icon at the top of the Pages Panel that will take you to a separate view with all pages from your current prototype.<\/p>\n","protected":false},"excerpt":{"rendered":"

      [videojs_video url=”https:\/\/www.uxpin.com\/studio\/wp-content\/uploads\/2019\/12\/2-1_release_post_800x600-3.mp4″ controls=”false” autoplay=”true” loop=”true” muted=”true”] [videojs_video url=”https:\/\/www.uxpin.com\/studio\/wp-content\/uploads\/2019\/12\/NewBoxButton_Release_800x600_v2.mp4″ controls=”false” autoplay=”true” loop=”true” muted=”true”] [videojs_video url=”https:\/\/www.uxpin.com\/studio\/wp-content\/uploads\/2019\/12\/UndoDeletePages_Mail_800x600_v2.mp4″ controls=”false” autoplay=”true” loop=”true” muted=”true”] [videojs_video url=”https:\/\/www.uxpin.com\/studio\/wp-content\/uploads\/2019\/12\/HIdePagesFromPreview_800x600.mp4″ controls=”false” autoplay=”true” loop=”true” muted=”true”]<\/p>\n","protected":false},"author":148,"featured_media":18542,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[3,334,19],"tags":[],"class_list":["post-18537","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-blog","category-features","category-uxpin"],"yoast_title":"","yoast_metadesc":"UXPin 2.1 brings the list of awesome improvements like elastic boxes and buttons that expand as you type! Discover everything that\u2019s new!","acf":[],"yoast_head":"\nSee what\u2019s new in UXPin 2.1 | UXPin<\/title>\n<meta name=\"description\" content=\"UXPin 2.1 brings the list of awesome improvements like elastic boxes and buttons that expand as you type! Discover everything that\u2019s new!\" \/>\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\/see-whats-new-in-uxpin-2-1\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"See what\u2019s new in UXPin 2.1\" \/>\n<meta property=\"og:description\" content=\"UXPin 2.1 brings the list of awesome improvements like elastic boxes and buttons that expand as you type! Discover everything that\u2019s new!\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www.uxpin.com\/studio\/blog\/see-whats-new-in-uxpin-2-1\/\" \/>\n<meta property=\"og:site_name\" content=\"Studio by UXPin\" \/>\n<meta property=\"article:published_time\" content=\"2019-12-10T13:12:17+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2024-06-13T03:45:55+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/www.uxpin.com\/studio\/wp-content\/uploads\/2019\/12\/Medium__Blogpost.png\" \/>\n\t<meta property=\"og:image:width\" content=\"1200\" \/>\n\t<meta property=\"og:image:height\" content=\"601\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/png\" \/>\n<meta name=\"author\" content=\"Julia Haleniuk\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"Julia Haleniuk\" \/>\n\t<meta name=\"twitter:label2\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data2\" content=\"4 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\\\/see-whats-new-in-uxpin-2-1\\\/#article\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/www.uxpin.com\\\/studio\\\/blog\\\/see-whats-new-in-uxpin-2-1\\\/\"},\"author\":{\"name\":\"Julia Haleniuk\",\"@id\":\"https:\\\/\\\/www.uxpin.com\\\/studio\\\/#\\\/schema\\\/person\\\/455c7d0238b1f7fe9d017293969298f2\"},\"headline\":\"See what\u2019s new in UXPin 2.1\",\"datePublished\":\"2019-12-10T13:12:17+00:00\",\"dateModified\":\"2024-06-13T03:45:55+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\\\/\\\/www.uxpin.com\\\/studio\\\/blog\\\/see-whats-new-in-uxpin-2-1\\\/\"},\"wordCount\":898,\"image\":{\"@id\":\"https:\\\/\\\/www.uxpin.com\\\/studio\\\/blog\\\/see-whats-new-in-uxpin-2-1\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/www.uxpin.com\\\/studio\\\/wp-content\\\/uploads\\\/2019\\\/12\\\/Medium__Blogpost.png\",\"articleSection\":[\"Blog\",\"Features\",\"UXPin\"],\"inLanguage\":\"en-US\"},{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/www.uxpin.com\\\/studio\\\/blog\\\/see-whats-new-in-uxpin-2-1\\\/\",\"url\":\"https:\\\/\\\/www.uxpin.com\\\/studio\\\/blog\\\/see-whats-new-in-uxpin-2-1\\\/\",\"name\":\"See what\u2019s new in UXPin 2.1 | UXPin\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/www.uxpin.com\\\/studio\\\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\\\/\\\/www.uxpin.com\\\/studio\\\/blog\\\/see-whats-new-in-uxpin-2-1\\\/#primaryimage\"},\"image\":{\"@id\":\"https:\\\/\\\/www.uxpin.com\\\/studio\\\/blog\\\/see-whats-new-in-uxpin-2-1\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/www.uxpin.com\\\/studio\\\/wp-content\\\/uploads\\\/2019\\\/12\\\/Medium__Blogpost.png\",\"datePublished\":\"2019-12-10T13:12:17+00:00\",\"dateModified\":\"2024-06-13T03:45:55+00:00\",\"author\":{\"@id\":\"https:\\\/\\\/www.uxpin.com\\\/studio\\\/#\\\/schema\\\/person\\\/455c7d0238b1f7fe9d017293969298f2\"},\"description\":\"UXPin 2.1 brings the list of awesome improvements like elastic boxes and buttons that expand as you type! Discover everything that\u2019s new!\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/www.uxpin.com\\\/studio\\\/blog\\\/see-whats-new-in-uxpin-2-1\\\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/www.uxpin.com\\\/studio\\\/blog\\\/see-whats-new-in-uxpin-2-1\\\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\\\/\\\/www.uxpin.com\\\/studio\\\/blog\\\/see-whats-new-in-uxpin-2-1\\\/#primaryimage\",\"url\":\"https:\\\/\\\/www.uxpin.com\\\/studio\\\/wp-content\\\/uploads\\\/2019\\\/12\\\/Medium__Blogpost.png\",\"contentUrl\":\"https:\\\/\\\/www.uxpin.com\\\/studio\\\/wp-content\\\/uploads\\\/2019\\\/12\\\/Medium__Blogpost.png\",\"width\":1200,\"height\":601,\"caption\":\"Medium Blogpost\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/www.uxpin.com\\\/studio\\\/blog\\\/see-whats-new-in-uxpin-2-1\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\\\/\\\/www.uxpin.com\\\/studio\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"See what\u2019s new in UXPin 2.1\"}]},{\"@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\\\/455c7d0238b1f7fe9d017293969298f2\",\"name\":\"Julia Haleniuk\",\"description\":\"Julia is a UX Writer at UXPin. She loves the intersection of language and design. Her background spans UX copywriting, technical documentation, and content strategy. Empathy is key to her work, not just for the user but for all involved.\",\"url\":\"https:\\\/\\\/www.uxpin.com\\\/studio\\\/author\\\/julia\\\/\"}]}<\/script>\n<!-- \/ Yoast SEO Premium plugin. -->","yoast_head_json":{"title":"See what\u2019s new in UXPin 2.1 | UXPin","description":"UXPin 2.1 brings the list of awesome improvements like elastic boxes and buttons that expand as you type! Discover everything that\u2019s new!","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\/see-whats-new-in-uxpin-2-1\/","og_locale":"en_US","og_type":"article","og_title":"See what\u2019s new in UXPin 2.1","og_description":"UXPin 2.1 brings the list of awesome improvements like elastic boxes and buttons that expand as you type! Discover everything that\u2019s new!","og_url":"https:\/\/www.uxpin.com\/studio\/blog\/see-whats-new-in-uxpin-2-1\/","og_site_name":"Studio by UXPin","article_published_time":"2019-12-10T13:12:17+00:00","article_modified_time":"2024-06-13T03:45:55+00:00","og_image":[{"width":1200,"height":601,"url":"https:\/\/www.uxpin.com\/studio\/wp-content\/uploads\/2019\/12\/Medium__Blogpost.png","type":"image\/png"}],"author":"Julia Haleniuk","twitter_card":"summary_large_image","twitter_misc":{"Written by":"Julia Haleniuk","Est. reading time":"4 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/www.uxpin.com\/studio\/blog\/see-whats-new-in-uxpin-2-1\/#article","isPartOf":{"@id":"https:\/\/www.uxpin.com\/studio\/blog\/see-whats-new-in-uxpin-2-1\/"},"author":{"name":"Julia Haleniuk","@id":"https:\/\/www.uxpin.com\/studio\/#\/schema\/person\/455c7d0238b1f7fe9d017293969298f2"},"headline":"See what\u2019s new in UXPin 2.1","datePublished":"2019-12-10T13:12:17+00:00","dateModified":"2024-06-13T03:45:55+00:00","mainEntityOfPage":{"@id":"https:\/\/www.uxpin.com\/studio\/blog\/see-whats-new-in-uxpin-2-1\/"},"wordCount":898,"image":{"@id":"https:\/\/www.uxpin.com\/studio\/blog\/see-whats-new-in-uxpin-2-1\/#primaryimage"},"thumbnailUrl":"https:\/\/www.uxpin.com\/studio\/wp-content\/uploads\/2019\/12\/Medium__Blogpost.png","articleSection":["Blog","Features","UXPin"],"inLanguage":"en-US"},{"@type":"WebPage","@id":"https:\/\/www.uxpin.com\/studio\/blog\/see-whats-new-in-uxpin-2-1\/","url":"https:\/\/www.uxpin.com\/studio\/blog\/see-whats-new-in-uxpin-2-1\/","name":"See what\u2019s new in UXPin 2.1 | UXPin","isPartOf":{"@id":"https:\/\/www.uxpin.com\/studio\/#website"},"primaryImageOfPage":{"@id":"https:\/\/www.uxpin.com\/studio\/blog\/see-whats-new-in-uxpin-2-1\/#primaryimage"},"image":{"@id":"https:\/\/www.uxpin.com\/studio\/blog\/see-whats-new-in-uxpin-2-1\/#primaryimage"},"thumbnailUrl":"https:\/\/www.uxpin.com\/studio\/wp-content\/uploads\/2019\/12\/Medium__Blogpost.png","datePublished":"2019-12-10T13:12:17+00:00","dateModified":"2024-06-13T03:45:55+00:00","author":{"@id":"https:\/\/www.uxpin.com\/studio\/#\/schema\/person\/455c7d0238b1f7fe9d017293969298f2"},"description":"UXPin 2.1 brings the list of awesome improvements like elastic boxes and buttons that expand as you type! Discover everything that\u2019s new!","breadcrumb":{"@id":"https:\/\/www.uxpin.com\/studio\/blog\/see-whats-new-in-uxpin-2-1\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.uxpin.com\/studio\/blog\/see-whats-new-in-uxpin-2-1\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/www.uxpin.com\/studio\/blog\/see-whats-new-in-uxpin-2-1\/#primaryimage","url":"https:\/\/www.uxpin.com\/studio\/wp-content\/uploads\/2019\/12\/Medium__Blogpost.png","contentUrl":"https:\/\/www.uxpin.com\/studio\/wp-content\/uploads\/2019\/12\/Medium__Blogpost.png","width":1200,"height":601,"caption":"Medium Blogpost"},{"@type":"BreadcrumbList","@id":"https:\/\/www.uxpin.com\/studio\/blog\/see-whats-new-in-uxpin-2-1\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/www.uxpin.com\/studio\/"},{"@type":"ListItem","position":2,"name":"See what\u2019s new in UXPin 2.1"}]},{"@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\/455c7d0238b1f7fe9d017293969298f2","name":"Julia Haleniuk","description":"Julia is a UX Writer at UXPin. She loves the intersection of language and design. Her background spans UX copywriting, technical documentation, and content strategy. Empathy is key to her work, not just for the user but for all involved.","url":"https:\/\/www.uxpin.com\/studio\/author\/julia\/"}]}},"_links":{"self":[{"href":"https:\/\/www.uxpin.com\/studio\/wp-json\/wp\/v2\/posts\/18537","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\/148"}],"replies":[{"embeddable":true,"href":"https:\/\/www.uxpin.com\/studio\/wp-json\/wp\/v2\/comments?post=18537"}],"version-history":[{"count":1,"href":"https:\/\/www.uxpin.com\/studio\/wp-json\/wp\/v2\/posts\/18537\/revisions"}],"predecessor-version":[{"id":53493,"href":"https:\/\/www.uxpin.com\/studio\/wp-json\/wp\/v2\/posts\/18537\/revisions\/53493"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.uxpin.com\/studio\/wp-json\/wp\/v2\/media\/18542"}],"wp:attachment":[{"href":"https:\/\/www.uxpin.com\/studio\/wp-json\/wp\/v2\/media?parent=18537"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.uxpin.com\/studio\/wp-json\/wp\/v2\/categories?post=18537"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.uxpin.com\/studio\/wp-json\/wp\/v2\/tags?post=18537"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}