{"id":14363,"date":"2018-02-19T12:23:37","date_gmt":"2018-02-19T12:23:37","guid":{"rendered":"https:\/\/marvel7077.wpengine.com\/?p=14363"},"modified":"2020-11-05T15:23:15","modified_gmt":"2020-11-05T15:23:15","slug":"product-update-scrollable-layers-design-downloads","status":"publish","type":"post","link":"https:\/\/shopjessicabuckley.com\/blog\/product-update-scrollable-layers-design-downloads\/","title":{"rendered":"Introducing Scrollable Layers and Design Downloads"},"content":{"rendered":"<p class=\"pageWrap pageWrap--s marginBottom-m paddingBottom-s c-slate lineHeight-l fontSize-l fontWeight-3 breakPointM-fontSize-xl breakPointM-lineHeight-xl\">At Marvel, our teams are constantly <a class=\"link link--blue fontWeight-4\"href=\"https:\/\/marvelapp.cnflx.io\/public\">listening to<\/a> what you, our customers, really need - so we can iterate on parts of the product that matter most to you.<\/p>\n<p class=\"pageWrap pageWrap--s marginBottom-m paddingBottom-s c-slate lineHeight-l fontSize-l fontWeight-3 breakPointM-fontSize-xl breakPointM-lineHeight-xl\">It\u2019s our goal to provide the most seamless experience that allows you and your team to create realistic, interactive mockups that really capture the way your app and website will look and feel. In this update, we\u2019ve got an update on one of our most requested features and made another addition to our advancing design tool.<\/p>\n<h2 class=\"pageWrap pageWrap--s marginTop-xl marginBottom-l c-black lineHeight-xl fontSize-xl fontWeight-5 breakPointM-lineHeight-xxl breakPointM-fontSize-xxl\" style=\"margin-left: auto; margin-right: auto;\">Introducing Scrollable Layers \ud83c\udf89<\/h2>\n<p class=\"pageWrap pageWrap--s marginBottom-m paddingBottom-s c-slate lineHeight-l fontSize-l fontWeight-3 breakPointM-fontSize-xl breakPointM-lineHeight-xl\">A lot of you have been patiently waiting for this feature so we\u2019re super excited to announce it\u2019s now live!<\/p>\n<p class=\"pageWrap pageWrap--s marginBottom-m paddingBottom-s c-slate lineHeight-l fontSize-l fontWeight-3 breakPointM-fontSize-xl breakPointM-lineHeight-xl\">Previously, <a class=\"link link--blue fontWeight-4\"href=\"https:\/\/marvel7077.wpengine.com\/layers-add-interactive-elements-on-top-of-your-designs\/\">Marvel layers<\/a> acted as a fixed element in prototype screens but now you have the ability to create a scrolling effect - allowing you to see the full content of the modal.<\/p>\n<p class=\"pageWrap pageWrap--s marginBottom-m paddingBottom-s c-slate lineHeight-l fontSize-l fontWeight-3 breakPointM-fontSize-xl breakPointM-lineHeight-xl\">It\u2019s perfect for when you\u2019re creating screens with long side bar menus or modals and adds another dimension of sophistication to your prototype.<\/p>\n<p class=\"pageWrap pageWrap--s marginBottom-m paddingBottom-s c-slate lineHeight-l fontSize-l fontWeight-3 breakPointM-fontSize-xl breakPointM-lineHeight-xl\"><center><script src=\"https:\/\/fast.wistia.com\/embed\/medias\/o4w46r1hpt.jsonp\" async><\/script><script src=\"https:\/\/fast.wistia.com\/assets\/external\/E-v1.js\" async><\/script><\/center><br \/>\n<center><\/p>\n<div class=\"wistia_embed wistia_async_o4w46r1hpt\" style=\"height: 360px; width: 640px;\"><\/div>\n<p class=\"pageWrap pageWrap--s marginBottom-m paddingBottom-s c-slate lineHeight-l fontSize-l fontWeight-3 breakPointM-fontSize-xl breakPointM-lineHeight-xl\"><\/center><br \/>\n<\/p>\n<p class=\"pageWrap pageWrap--s marginBottom-m paddingBottom-s c-slate lineHeight-l fontSize-l fontWeight-3 breakPointM-fontSize-xl breakPointM-lineHeight-xl\">This new feature adds to the realism of your prototype, satisfying the UI designers behind your product but also facilitating user testing sessions.<\/p>\n<p class=\"pageWrap pageWrap--s marginBottom-m paddingBottom-s c-slate lineHeight-l fontSize-l fontWeight-3 breakPointM-fontSize-xl breakPointM-lineHeight-xl\">Realistic mockups help avoid bumps in the road during testing sessions, anything that disrupts the illusion of a real app might throw the user experience during testing sessions. Scrollable Layers is another step we\u2019ve made to making sure your research results are accurate and valuable.<\/p>\n<p class=\"pageWrap pageWrap--s marginBottom-m paddingBottom-s c-slate lineHeight-l fontSize-l fontWeight-3 breakPointM-fontSize-xl breakPointM-lineHeight-xl\">For a step by step guide to creating the effect of a scrollable element in your prototype, <a class=\"link link--blue fontWeight-4\"href=\"https:\/\/help.shopjessicabuckley.com\/hc\/en-us\/articles\/209299205-Using-Layers-Adding-Popovers-Sidebar-Menus-and-Modals\">visit our help centre article<\/a>.<\/p>\n<h2 class=\"pageWrap pageWrap--s marginTop-xl marginBottom-l c-black lineHeight-xl fontSize-xl fontWeight-5 breakPointM-lineHeight-xxl breakPointM-fontSize-xxl\" style=\"margin-left: auto; margin-right: auto;\">Download designs direct from the Design Tool\ud83c\udf89<\/h2>\n<p class=\"pageWrap pageWrap--s marginBottom-m paddingBottom-s c-slate lineHeight-l fontSize-l fontWeight-3 breakPointM-fontSize-xl breakPointM-lineHeight-xl\">We\u2019re constantly implementing new features on our platform to make your visits intuitive, fast and delightful. As of today, customers on any of our paid plans can now download their designs straight from our Design Tool!<\/p>\n<p class=\"pageWrap pageWrap--s marginBottom-m paddingBottom-s c-slate lineHeight-l fontSize-l fontWeight-3 breakPointM-fontSize-xl breakPointM-lineHeight-xl\">With Marketing and Design teams across the world using our Design Tool to quickly draft up email banners, <a class=\"link link--blue fontWeight-4\"href=\"https:\/\/shopjessicabuckley.com\/blog\/getting-started-wireframes\/\">wireframes<\/a>, web pages and flyers, we\u2019ve made it that bit easier to get your hands on your designs.<\/p>\n<p class=\"pageWrap pageWrap--s marginBottom-m paddingBottom-s c-slate lineHeight-l fontSize-l fontWeight-3 breakPointM-fontSize-xl breakPointM-lineHeight-xl\">Our new download button allows you to save your designs straight to your desktop as a PNG. So now, whatever it is you\u2019re working on - you can save it in seconds.<\/p>\n<p class=\"pageWrap pageWrap--s marginBottom-m paddingBottom-s c-slate lineHeight-l fontSize-l fontWeight-3 breakPointM-fontSize-xl breakPointM-lineHeight-xl\"><center><a class=\"link link--blue fontWeight-4\"href=\"https:\/\/marvel7077.wpengine.com\/wp-content\/uploads\/2018\/02\/Screen-Shot-2018-02-13-at-17.10.16.png\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-14385\" src=\"https:\/\/marvel7077.wpengine.com\/wp-content\/uploads\/2018\/02\/Screen-Shot-2018-02-13-at-17.10.16.png\" alt=\"\" width=\"418\" height=\"278\" \/><\/a><\/center><\/p>\n<p class=\"pageWrap pageWrap--s marginBottom-m paddingBottom-s c-slate lineHeight-l fontSize-l fontWeight-3 breakPointM-fontSize-xl breakPointM-lineHeight-xl\">That\u2019s all for this update, if you have any questions at all just <a class=\"link link--blue fontWeight-4\"href=\"https:\/\/shopjessicabuckley.com\/enterprise\/\">get in touch with our team<\/a>. If you\u2019re on our company or enterprise plan, contact your dedicated account manager for more details.<\/p>\n<p class=\"pageWrap pageWrap--s marginBottom-m paddingBottom-s c-slate lineHeight-l fontSize-l fontWeight-3 breakPointM-fontSize-xl breakPointM-lineHeight-xl\">We\u2019ll be releasing product updates like this every month, so sign up to the newsletter if you\u2019d like to be notified. In the meantime, give our new features a try \u2013 we\u2019re excited to see what you make with Marvel!<\/p>\n","protected":false},"excerpt":{"rendered":"<p>At Marvel, our teams are constantly listening to what you, our customers, really need &#8211; so we can iterate on parts of the product that matter most to you. It\u2019s our goal to provide the most seamless experience that allows you and your team to create realistic, interactive mockups that really capture the way your app and website will look&#8230; <a class=\"link link--blue fontWeight-4\" href=\"https:\/\/shopjessicabuckley.com\/blog\/product-update-scrollable-layers-design-downloads\/\">Read More &#65515;<\/a><\/p>\n","protected":false},"author":12,"featured_media":14392,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[481],"tags":[],"class_list":["post-14363","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-product-updates"],"acf":[],"yoast_head":"<!-- This site is optimized with the Yoast SEO Premium plugin v15.5 - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<meta name=\"description\" content=\"Introducing Scrollable Layers and download designs direct from the Design Tool.\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/shopjessicabuckley.com\/blog\/product-update-scrollable-layers-design-downloads\/\" \/>\n<meta property=\"og:locale\" content=\"en_GB\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Introducing Scrollable Layers and Design Downloads | Marvel Blog\" \/>\n<meta property=\"og:description\" content=\"Introducing Scrollable Layers and download designs direct from the Design Tool.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/shopjessicabuckley.com\/blog\/product-update-scrollable-layers-design-downloads\/\" \/>\n<meta property=\"og:site_name\" content=\"Marvel Blog\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/marvelapp\" \/>\n<meta property=\"article:published_time\" content=\"2018-02-19T12:23:37+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2020-11-05T15:23:15+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/shopjessicabuckley.com\/wp-content\/uploads\/2018\/02\/02_Banner_Small.png\" \/>\n\t<meta property=\"og:image:width\" content=\"1200\" \/>\n\t<meta property=\"og:image:height\" content=\"898\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:creator\" content=\"@marvelapp\" \/>\n<meta name=\"twitter:site\" content=\"@marvelapp\" \/>\n<meta name=\"twitter:label1\" content=\"Est. reading time\">\n\t<meta name=\"twitter:data1\" content=\"2 minutes\">\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"Organization\",\"@id\":\"https:\/\/shopjessicabuckley.com\/blog\/#organization\",\"name\":\"Marvel\",\"url\":\"https:\/\/shopjessicabuckley.com\/blog\/\",\"sameAs\":[\"https:\/\/www.facebook.com\/marvelapp\",\"https:\/\/www.instagram.com\/marvelapp\/\",\"https:\/\/www.linkedin.com\/company\/marvel-app\/\",\"https:\/\/twitter.com\/marvelapp\"],\"logo\":{\"@type\":\"ImageObject\",\"@id\":\"https:\/\/shopjessicabuckley.com\/blog\/#logo\",\"inLanguage\":\"en-GB\",\"url\":\"https:\/\/shopjessicabuckley.com\/wp-content\/uploads\/2018\/06\/Logo-Light.png\",\"width\":1605,\"height\":1130,\"caption\":\"Marvel\"},\"image\":{\"@id\":\"https:\/\/shopjessicabuckley.com\/blog\/#logo\"}},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/shopjessicabuckley.com\/blog\/#website\",\"url\":\"https:\/\/shopjessicabuckley.com\/blog\/\",\"name\":\"Marvel Blog\",\"description\":\"Ideas and words on user experience, design, collaboration and more\",\"publisher\":{\"@id\":\"https:\/\/shopjessicabuckley.com\/blog\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":\"https:\/\/shopjessicabuckley.com\/blog\/?s={search_term_string}\",\"query-input\":\"required name=search_term_string\"}],\"inLanguage\":\"en-GB\"},{\"@type\":\"ImageObject\",\"@id\":\"https:\/\/shopjessicabuckley.com\/blog\/product-update-scrollable-layers-design-downloads\/#primaryimage\",\"inLanguage\":\"en-GB\",\"url\":\"https:\/\/shopjessicabuckley.com\/wp-content\/uploads\/2018\/02\/02_Banner_Small.png\",\"width\":1200,\"height\":898},{\"@type\":\"WebPage\",\"@id\":\"https:\/\/shopjessicabuckley.com\/blog\/product-update-scrollable-layers-design-downloads\/#webpage\",\"url\":\"https:\/\/shopjessicabuckley.com\/blog\/product-update-scrollable-layers-design-downloads\/\",\"name\":\"Introducing Scrollable Layers and Design Downloads | Marvel Blog\",\"isPartOf\":{\"@id\":\"https:\/\/shopjessicabuckley.com\/blog\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/shopjessicabuckley.com\/blog\/product-update-scrollable-layers-design-downloads\/#primaryimage\"},\"datePublished\":\"2018-02-19T12:23:37+00:00\",\"dateModified\":\"2020-11-05T15:23:15+00:00\",\"description\":\"Introducing Scrollable Layers and download designs direct from the Design Tool.\",\"inLanguage\":\"en-GB\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/shopjessicabuckley.com\/blog\/product-update-scrollable-layers-design-downloads\/\"]}]},{\"@type\":\"Article\",\"@id\":\"https:\/\/shopjessicabuckley.com\/blog\/product-update-scrollable-layers-design-downloads\/#article\",\"isPartOf\":{\"@id\":\"https:\/\/shopjessicabuckley.com\/blog\/product-update-scrollable-layers-design-downloads\/#webpage\"},\"author\":{\"@id\":\"https:\/\/shopjessicabuckley.com\/blog\/#\/schema\/person\/758d288ebafc1477497b98b60f9e49ff\"},\"headline\":\"Introducing Scrollable Layers and Design Downloads\",\"datePublished\":\"2018-02-19T12:23:37+00:00\",\"dateModified\":\"2020-11-05T15:23:15+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\/\/shopjessicabuckley.com\/blog\/product-update-scrollable-layers-design-downloads\/#webpage\"},\"commentCount\":1,\"publisher\":{\"@id\":\"https:\/\/shopjessicabuckley.com\/blog\/#organization\"},\"image\":{\"@id\":\"https:\/\/shopjessicabuckley.com\/blog\/product-update-scrollable-layers-design-downloads\/#primaryimage\"},\"articleSection\":\"Product Updates\",\"inLanguage\":\"en-GB\",\"potentialAction\":[{\"@type\":\"CommentAction\",\"name\":\"Comment\",\"target\":[\"https:\/\/shopjessicabuckley.com\/blog\/product-update-scrollable-layers-design-downloads\/#respond\"]}]},{\"@type\":\"Person\",\"@id\":\"https:\/\/shopjessicabuckley.com\/blog\/#\/schema\/person\/758d288ebafc1477497b98b60f9e49ff\",\"name\":\"Naomi\",\"image\":{\"@type\":\"ImageObject\",\"@id\":\"https:\/\/shopjessicabuckley.com\/blog\/#personlogo\",\"inLanguage\":\"en-GB\",\"url\":\"https:\/\/secure.gravatar.com\/avatar\/c520343b1feb2f69cca53916bf57f5c457b3a2640d405e0f9f20a8f8e8bb7ca7?s=96&d=mm&r=g\",\"caption\":\"Naomi\"},\"description\":\"Writing for Marvel. Writing for fun. Eating everywhere, all the time.\"}]}<\/script>\n<!-- \/ Yoast SEO Premium plugin. -->","_links":{"self":[{"href":"https:\/\/shopjessicabuckley.com\/blog\/wp-json\/wp\/v2\/posts\/14363","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/shopjessicabuckley.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/shopjessicabuckley.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/shopjessicabuckley.com\/blog\/wp-json\/wp\/v2\/users\/12"}],"replies":[{"embeddable":true,"href":"https:\/\/shopjessicabuckley.com\/blog\/wp-json\/wp\/v2\/comments?post=14363"}],"version-history":[{"count":0,"href":"https:\/\/shopjessicabuckley.com\/blog\/wp-json\/wp\/v2\/posts\/14363\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/shopjessicabuckley.com\/blog\/wp-json\/wp\/v2\/media\/14392"}],"wp:attachment":[{"href":"https:\/\/shopjessicabuckley.com\/blog\/wp-json\/wp\/v2\/media?parent=14363"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/shopjessicabuckley.com\/blog\/wp-json\/wp\/v2\/categories?post=14363"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/shopjessicabuckley.com\/blog\/wp-json\/wp\/v2\/tags?post=14363"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}