{"id":16118,"date":"2018-09-25T08:00:42","date_gmt":"2018-09-25T07:00:42","guid":{"rendered":"https:\/\/marvel7077.wpengine.com\/?p=16118"},"modified":"2020-08-21T12:48:17","modified_gmt":"2020-08-21T11:48:17","slug":"introducing-marvel-sketch","status":"publish","type":"post","link":"https:\/\/marvelapp.com\/blog\/introducing-marvel-sketch\/","title":{"rendered":"Introducing Marvel + Sketch"},"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\">Our brand new Marvel + Sketch integration features some recent additions which will level up your designs, prototypes and the way your whole team works.<\/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's the complete end-to-end design solution for Sketch. We've focused on building features which help improve your efficiency, so you have more time to solve the problems important 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\">With Marvel + Sketch, you can:<\/p>\n<ul class=\"pageWrap pageWrap--s list list--unordered marginBottom-l lineHeight-l fontSize-l fontWeight-3 breakPointM-fontSize-xl breakPointM-lineHeight-xl\">\n<li><strong class=\"c-slate lineHeight-l fontSize-l fontWeight-5 breakPointM-fontSize-xl breakPointM-lineHeight-xl\">Turn Sketch prototypes into Marvel projects<\/strong>: Send your hotspots to Marvel and create prototypes that update as and when you make changes in Sketch - no need to reorganise or revisit. We speak Sketch's language, leaving you with more time for problem solving.<\/li>\n<li><strong class=\"c-slate lineHeight-l fontSize-l fontWeight-5 breakPointM-fontSize-xl breakPointM-lineHeight-xl\">Sync artboards effortlessly<\/strong>: Any designs or updates made in Sketch can be synced to new or existing Marvel projects with just a few clicks. It means less manual work for your team and creates a real-time, centralised space for collaboration.<\/li>\n<li><strong class=\"c-slate lineHeight-l fontSize-l fontWeight-5 breakPointM-fontSize-xl breakPointM-lineHeight-xl\">Play, record, download<\/strong>: Play Marvel prototypes without leaving Sketch. Then easily record videos of flows to share with your colleagues or stakeholders.<\/li>\n<li><strong class=\"c-slate lineHeight-l fontSize-l fontWeight-5 breakPointM-fontSize-xl breakPointM-lineHeight-xl\">Handoff to developers<\/strong>: Once you've synced artboards, Marvel will <a class=\"link link--blue fontWeight-4\"href=\"http:\/\/marvelapp.com\/features\/integrations\">automatically generate CSS, Swift and Android XML code<\/a> for your designs. Share with your developers and they'll always have the perfect real-time spec details they need to hand.<\/li>\n<\/ul>\n<p class=\"pageWrap pageWrap--s marginBottom-m paddingBottom-s c-slate lineHeight-l fontSize-l fontWeight-3 breakPointM-fontSize-xl breakPointM-lineHeight-xl\"><\/p>\n<div style=\"max-width: 750px;\">\n<p class=\"pageWrap pageWrap--s marginBottom-m paddingBottom-s c-slate lineHeight-l fontSize-l fontWeight-3 breakPointM-fontSize-xl breakPointM-lineHeight-xl\"><script src=\"https:\/\/fast.wistia.com\/embed\/medias\/uuvlm0g43c.jsonp\" async=\"\"><\/script><script src=\"https:\/\/fast.wistia.com\/assets\/external\/E-v1.js\" async=\"\"><\/script><\/p>\n<div class=\"wistia_responsive_padding\" style=\"padding: 56.25% 0 0 0; position: relative;\">\n<div class=\"wistia_responsive_wrapper\" style=\"height: 100%; left: 0; position: absolute; top: 0; width: 100%;\">\n<div id=\"wistia_30.thumb_container\" class=\"wistia_click_to_play\" style=\"position: relative; height: 326.25px; width: 580px;\">\n<div id=\"wistia_61.thumbnail\" style=\"cursor: pointer; display: block; height: 326.25px; overflow: hidden; outline: none; position: relative; width: 580px;\" tabindex=\"0\">\n<div id=\"wistia_77.big_play_button_background\" style=\"height: 81px; position: absolute; width: 127px; z-index: 1; background-color: rgba(84, 187, 255, 0.76); left: 227px; top: 123px; transition: all 80ms ease-out 0s; mix-blend-mode: normal;\"><\/div>\n<div id=\"wistia_77.big_play_button_graphic\" style=\"background: url('data:image\/png;base64,iVBORw0KGgoAAAANSUhEUgAAAH8AAABRCAYAAAD7G3lVAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAATFJREFUeNrs22FtwkAYx+F2QcAkMAfgYBKQwBxMQh1MwiRQB+CgEoaDzkG5S1a+E5IF+n+e5D4ve3+7N0s4mgYAAAAAAAAAAAAA7jFN06cp5MavjuWsTSMzfjWWszORzPizQzmvJpMZ3xYIj28LiG8LpMeffdsCufGrn3LeTS0z\/uzLFsiNbwuEx7cFxL9ugY1pZsafdSaaG78abIHc+LaA+MvbAi\/+XG5Sww9L2QLtEm\/+P\/2oUzkfbduexc+LX51L\/DdrP09fzvaZf4GVhjf7\/Vv3vVFk\/bfvMUhg\/PoAZG+6efE9Aw+MP\/oCSGZ8tz0wvtseGn9w2zPjdyaXF99n9aHx3fbA+G57aHy3PTC+N\/mh8b3DD4zvtofGd9tD47vtAAAAAAAAAAAAADymiwADAOSj1JBfF8xMAAAAAElFTkSuQmCC') 0px 0px \/ 127px 81px no-repeat transparent; cursor: pointer; display: block; height: 81px; outline: none; position: absolute; width: 127px; z-index: 1; left: 227px; top: 123px;\" tabindex=\"0\" role=\"button\" aria-label=\"Play\"><\/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\"><img decoding=\"async\" id=\"wistia_61.thumbnail_img\" style=\"border: 0px; display: block; float: none; height: 326.25px; margin: 0px; max-height: none; max-width: none; padding: 0px; position: absolute; width: 580px; left: 0px; top: 0px;\" src=\"https:\/\/embedwistia-a.akamaihd.net\/deliveries\/33e4a0f009bc5b84bb534944045c3b7de9faaadb.webp?image_crop_resized=640x360\" alt=\"Wistia video thumbnail\" \/><\/p>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/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\"><\/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\">Using Sketch is second nature to designers, however, when it comes to product or web design there are plenty of other teams that are part of the creative or sign off process. Marvel + Sketch unites your superpowers and creates a centralised space for collaboration, giving all your stakeholders a platform to access, share, comment feedback and handoff work.<\/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\">Importing your Sketch prototypes into Marvel gives you access to powerful features that add an extra level of interactivity to your designs, plus collaboration that brings teams together.<\/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 example:<\/p>\n<ul class=\"pageWrap pageWrap--s list list--unordered marginBottom-l lineHeight-l fontSize-l fontWeight-3 breakPointM-fontSize-xl breakPointM-lineHeight-xl\">\n<li>A wide range of screen transitions<\/li>\n<li>Embed videos into prototypes<\/li>\n<li>Add links to external websites and content<\/li>\n<li>Leave comments and annotations on designs<\/li>\n<li>Access a range of integrations like JIRA, Maze, Confluence, Dropbox and more.<\/li>\n<\/ul>\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 class=\"link link--blue fontWeight-4\"href=\"https:\/\/marvel7077.wpengine.com\/wp-content\/uploads\/2018\/09\/Content@2x.png\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-16120\" src=\"https:\/\/marvel7077.wpengine.com\/wp-content\/uploads\/2018\/09\/Content@2x.png\" alt=\"\" width=\"1359\" height=\"864\" srcset=\"https:\/\/marvelapp.com\/wp-content\/uploads\/2018\/09\/Content@2x.png 1359w, https:\/\/marvelapp.com\/wp-content\/uploads\/2018\/09\/Content@2x-600x381.png 600w, https:\/\/marvelapp.com\/wp-content\/uploads\/2018\/09\/Content@2x-768x488.png 768w\" sizes=\"auto, (max-width: 1359px) 100vw, 1359px\" \/><\/a><\/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's easy to get started, here's how to install Marvel + Sketch:<\/p>\n<ol class=\"pageWrap pageWrap--s list list--ordered marginBottom-l lineHeight-l fontSize-l fontWeight-3 breakPointM-fontSize-xl breakPointM-lineHeight-xl\">\n<li>Make sure you have OS X 10.11 or later on your Mac<\/li>\n<li>Close Sketch<\/li>\n<li><a class=\"link link--blue fontWeight-4\"href=\"https:\/\/marvelapp.com\/integrations\/sketch\">Download the Marvel plugin here<\/a><\/li>\n<li>Unzip the file and double click the 'M' icon file to install<\/li>\n<li>Select Open at the popup<\/li>\n<li>Choose the option to move the download to your Applications folder<\/li>\n<li>Open Sketch<\/li>\n<li>You'll see the Marvel menu is now available on the left-hand panel<\/li>\n<\/ol>\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 more details on how-to use Marvel + Sketch, check out our <a class=\"link link--blue fontWeight-4\"href=\"https:\/\/help.marvelapp.com\/hc\/en-us\/articles\/208594489-Sketch\">help centre article<\/a>.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Our brand new Marvel + Sketch integration features some recent additions which will level up your designs, prototypes and the way your whole team works. It&#8217;s the complete end-to-end design solution for Sketch. We&#8217;ve focused on building features which help improve your efficiency, so you have more time to solve the problems important to you. With Marvel + Sketch, you&#8230; <a class=\"link link--blue fontWeight-4\" href=\"https:\/\/marvelapp.com\/blog\/introducing-marvel-sketch\/\">Read More &#65515;<\/a><\/p>\n","protected":false},"author":12,"featured_media":16121,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[453],"tags":[],"class_list":["post-16118","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-integrations-api"],"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=\"Our brand new Marvel + Sketch integration means some new additions which will level up your designs, prototypes and the way your whole team works.\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/marvelapp.com\/blog\/introducing-marvel-sketch\/\" \/>\n<meta property=\"og:locale\" content=\"en_GB\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Introducing Marvel + Sketch, reimagine your workflow\" \/>\n<meta property=\"og:description\" content=\"Our brand new Marvel + Sketch integration means some new additions which will level up your designs, prototypes and the way your whole team works.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/marvelapp.com\/blog\/introducing-marvel-sketch\/\" \/>\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-09-25T07:00:42+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2020-08-21T11:48:17+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/marvelapp.com\/wp-content\/uploads\/2018\/09\/Hero-Sketch-Relaunch@2x.png\" \/>\n\t<meta property=\"og:image:width\" content=\"3450\" \/>\n\t<meta property=\"og:image:height\" content=\"1440\" \/>\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:\/\/marvelapp.com\/blog\/#organization\",\"name\":\"Marvel\",\"url\":\"https:\/\/marvelapp.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:\/\/marvelapp.com\/blog\/#logo\",\"inLanguage\":\"en-GB\",\"url\":\"https:\/\/marvelapp.com\/wp-content\/uploads\/2018\/06\/Logo-Light.png\",\"width\":1605,\"height\":1130,\"caption\":\"Marvel\"},\"image\":{\"@id\":\"https:\/\/marvelapp.com\/blog\/#logo\"}},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/marvelapp.com\/blog\/#website\",\"url\":\"https:\/\/marvelapp.com\/blog\/\",\"name\":\"Marvel Blog\",\"description\":\"Ideas and words on user experience, design, collaboration and more\",\"publisher\":{\"@id\":\"https:\/\/marvelapp.com\/blog\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":\"https:\/\/marvelapp.com\/blog\/?s={search_term_string}\",\"query-input\":\"required name=search_term_string\"}],\"inLanguage\":\"en-GB\"},{\"@type\":\"ImageObject\",\"@id\":\"https:\/\/marvelapp.com\/blog\/introducing-marvel-sketch\/#primaryimage\",\"inLanguage\":\"en-GB\",\"url\":\"https:\/\/marvelapp.com\/wp-content\/uploads\/2018\/09\/Hero-Sketch-Relaunch@2x.png\",\"width\":\"3450\",\"height\":\"1440\"},{\"@type\":\"WebPage\",\"@id\":\"https:\/\/marvelapp.com\/blog\/introducing-marvel-sketch\/#webpage\",\"url\":\"https:\/\/marvelapp.com\/blog\/introducing-marvel-sketch\/\",\"name\":\"Introducing Marvel + Sketch, reimagine your workflow\",\"isPartOf\":{\"@id\":\"https:\/\/marvelapp.com\/blog\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/marvelapp.com\/blog\/introducing-marvel-sketch\/#primaryimage\"},\"datePublished\":\"2018-09-25T07:00:42+00:00\",\"dateModified\":\"2020-08-21T11:48:17+00:00\",\"description\":\"Our brand new Marvel + Sketch integration means some new additions which will level up your designs, prototypes and the way your whole team works.\",\"inLanguage\":\"en-GB\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/marvelapp.com\/blog\/introducing-marvel-sketch\/\"]}]},{\"@type\":\"Article\",\"@id\":\"https:\/\/marvelapp.com\/blog\/introducing-marvel-sketch\/#article\",\"isPartOf\":{\"@id\":\"https:\/\/marvelapp.com\/blog\/introducing-marvel-sketch\/#webpage\"},\"author\":{\"@id\":\"https:\/\/marvelapp.com\/blog\/#\/schema\/person\/758d288ebafc1477497b98b60f9e49ff\"},\"headline\":\"Introducing Marvel + Sketch\",\"datePublished\":\"2018-09-25T07:00:42+00:00\",\"dateModified\":\"2020-08-21T11:48:17+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\/\/marvelapp.com\/blog\/introducing-marvel-sketch\/#webpage\"},\"commentCount\":0,\"publisher\":{\"@id\":\"https:\/\/marvelapp.com\/blog\/#organization\"},\"image\":{\"@id\":\"https:\/\/marvelapp.com\/blog\/introducing-marvel-sketch\/#primaryimage\"},\"articleSection\":\"Integrations &amp; API\",\"inLanguage\":\"en-GB\",\"potentialAction\":[{\"@type\":\"CommentAction\",\"name\":\"Comment\",\"target\":[\"https:\/\/marvelapp.com\/blog\/introducing-marvel-sketch\/#respond\"]}]},{\"@type\":\"Person\",\"@id\":\"https:\/\/marvelapp.com\/blog\/#\/schema\/person\/758d288ebafc1477497b98b60f9e49ff\",\"name\":\"Naomi\",\"image\":{\"@type\":\"ImageObject\",\"@id\":\"https:\/\/marvelapp.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:\/\/marvelapp.com\/blog\/wp-json\/wp\/v2\/posts\/16118","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/marvelapp.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/marvelapp.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/marvelapp.com\/blog\/wp-json\/wp\/v2\/users\/12"}],"replies":[{"embeddable":true,"href":"https:\/\/marvelapp.com\/blog\/wp-json\/wp\/v2\/comments?post=16118"}],"version-history":[{"count":0,"href":"https:\/\/marvelapp.com\/blog\/wp-json\/wp\/v2\/posts\/16118\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/marvelapp.com\/blog\/wp-json\/wp\/v2\/media\/16121"}],"wp:attachment":[{"href":"https:\/\/marvelapp.com\/blog\/wp-json\/wp\/v2\/media?parent=16118"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/marvelapp.com\/blog\/wp-json\/wp\/v2\/categories?post=16118"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/marvelapp.com\/blog\/wp-json\/wp\/v2\/tags?post=16118"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}