{"id":15219,"date":"2018-06-07T10:13:31","date_gmt":"2018-06-07T09:13:31","guid":{"rendered":"https:\/\/marvel7077.wpengine.com\/?p=15219"},"modified":"2020-08-21T12:53:17","modified_gmt":"2020-08-21T11:53:17","slug":"marvel-keynote-made-marvel-api","status":"publish","type":"post","link":"https:\/\/marvelapp.com\/blog\/marvel-keynote-made-marvel-api\/","title":{"rendered":"Marvel for Keynote &#8211; Made with the Marvel API"},"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\">Introducing Marvel for Keynote, an integration built with the new <a class=\"link link--blue fontWeight-4\"href=\"https:\/\/marvel7077.wpengine.com\/introducing-the-marvel-api\/\">Marvel API<\/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\">This simple Mac app gives you a quick way to upload Keynote files to Marvel in just a couple of clicks. Slides are instantly converted into images in your Marvel projects, ready to be turned into prototypes or shared with your team for feedback.<\/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\/3dq3egk1ge.jsonp\" async><\/script><script src=\"https:\/\/fast.wistia.com\/assets\/external\/E-v1.js\" async><\/script><\/center><\/p>\n<div class=\"wistia_embed wistia_async_3dq3egk1ge\" style=\"height: 420px; position: relative; width: 750px;\">\n<div class=\"wistia_swatch\" style=\"height: 100%; left: 0; opacity: 0; overflow: hidden; position: absolute; top: 0; transition: opacity 200ms; width: 100%;\"><img decoding=\"async\" style=\"filter: blur(5px); height: 100%; object-fit: contain; width: 100%;\" src=\"https:\/\/fast.wistia.com\/embed\/medias\/3dq3egk1ge\/swatch\" alt=\"\" \/><\/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\">Here's a few ways to use this integration:<\/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>Uploading slides, designs and wireframes from Keynote to Marvel<\/li>\n<li>Sharing your Keynote presentations via Marvel for feedback and commenting<\/li>\n<li>Organise your presentations within Marvel folders to add more context around ideas<\/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\">This open-source integration was built with the Marvel API, a powerful way to access the core functionality of the Marvel Platform and build the tools, apps and integrations you need to scale design faster than ever. To find out more and grab the code, <a class=\"link link--blue fontWeight-4\"href=\"https:\/\/github.com\/marvelapp\/MarvelForKeynote\/\">check out the GitHub repo<\/a>.<\/p>\n<div id='gallery-1' class='gallery galleryid-15219 gallery-columns-1 gallery-size-full'><dl class='gallery-item'>\n\t\t\t<dt class='gallery-icon landscape'>\n\t\t\t\t<a href='https:\/\/marvelapp.com\/wp-content\/uploads\/2018\/06\/Blog02.png'><img loading=\"lazy\" decoding=\"async\" width=\"2048\" height=\"1280\" src=\"https:\/\/marvelapp.com\/wp-content\/uploads\/2018\/06\/Blog02.png\" class=\"attachment-full size-full\" alt=\"Marvel for Keynote\" srcset=\"https:\/\/marvelapp.com\/wp-content\/uploads\/2018\/06\/Blog02.png 2048w, https:\/\/marvelapp.com\/wp-content\/uploads\/2018\/06\/Blog02-600x375.png 600w, https:\/\/marvelapp.com\/wp-content\/uploads\/2018\/06\/Blog02-768x480.png 768w, https:\/\/marvelapp.com\/wp-content\/uploads\/2018\/06\/Blog02-1500x938.png 1500w\" sizes=\"auto, (max-width: 2048px) 100vw, 2048px\" \/><\/a>\n\t\t\t<\/dt><\/dl><br style=\"clear: both\" \/>\n\t\t<\/div>\n\n<p class=\"pageWrap pageWrap--s marginBottom-m paddingBottom-s c-slate lineHeight-l fontSize-l fontWeight-3 breakPointM-fontSize-xl breakPointM-lineHeight-xl\">Here's how to get started:<\/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>Simply <a class=\"link link--blue fontWeight-4\"href=\"https:\/\/itunes.apple.com\/us\/app\/marvel-for-keynote\/id1374331587?mt=12\">download the Marvel for Keynote app<\/a> from the App store<\/li>\n<li>Authorise Marvel for Keynote access to your Marvel account<\/li>\n<li>Select or drag and drop the Keynote presentation you'd like to export to Marvel<\/li>\n<li>Watch screens appear in your Marvel project as your slides sync<\/li>\n<li>All set! Start making comments, annotations or if you'd like to make the screens interactive head to the editor<\/li>\n<\/ul>\n<div id='gallery-2' class='gallery galleryid-15219 gallery-columns-1 gallery-size-full'><dl class='gallery-item'>\n\t\t\t<dt class='gallery-icon landscape'>\n\t\t\t\t<a href='https:\/\/marvelapp.com\/wp-content\/uploads\/2018\/06\/Blog_01.png'><img loading=\"lazy\" decoding=\"async\" width=\"2820\" height=\"1282\" src=\"https:\/\/marvelapp.com\/wp-content\/uploads\/2018\/06\/Blog_01.png\" class=\"attachment-full size-full\" alt=\"Marvel for Keynote\" srcset=\"https:\/\/marvelapp.com\/wp-content\/uploads\/2018\/06\/Blog_01.png 2820w, https:\/\/marvelapp.com\/wp-content\/uploads\/2018\/06\/Blog_01-600x273.png 600w, https:\/\/marvelapp.com\/wp-content\/uploads\/2018\/06\/Blog_01-768x349.png 768w, https:\/\/marvelapp.com\/wp-content\/uploads\/2018\/06\/Blog_01-1500x682.png 1500w\" sizes=\"auto, (max-width: 2820px) 100vw, 2820px\" \/><\/a>\n\t\t\t<\/dt><\/dl><br style=\"clear: both\" \/>\n\t\t<\/div>\n\n<p class=\"pageWrap pageWrap--s marginBottom-m paddingBottom-s c-slate lineHeight-l fontSize-l fontWeight-3 breakPointM-fontSize-xl breakPointM-lineHeight-xl\"><em>Interested in building something with the Marvel API? Read more about it <a class=\"link link--blue fontWeight-4\"href=\"https:\/\/marvel7077.wpengine.com\/\">here<\/a> or jump straight into the <a class=\"link link--blue fontWeight-4\"href=\"https:\/\/marvelapp.com\/developers\/documentation\/\">guidelines<\/a>.<\/em><\/p>\n","protected":false},"excerpt":{"rendered":"<p>Introducing Marvel for Keynote, an integration built with the new Marvel API. This simple Mac app gives you a quick way to upload Keynote files to Marvel in just a couple of clicks. Slides are instantly converted into images in your Marvel projects, ready to be turned into prototypes or shared with your team for feedback. Here&#8217;s a few ways&#8230; <a class=\"link link--blue fontWeight-4\" href=\"https:\/\/marvelapp.com\/blog\/marvel-keynote-made-marvel-api\/\">Read More &#65515;<\/a><\/p>\n","protected":false},"author":12,"featured_media":15255,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[453],"tags":[],"class_list":["post-15219","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=\"This simple Mac app gives you a quick way to upload Keynote files to Marvel in just a couple of clicks.\" \/>\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\/marvel-keynote-made-marvel-api\/\" \/>\n<meta property=\"og:locale\" content=\"en_GB\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Marvel for Keynote - Made with the Marvel API | Marvel Blog\" \/>\n<meta property=\"og:description\" content=\"This simple Mac app gives you a quick way to upload Keynote files to Marvel in just a couple of clicks.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/marvelapp.com\/blog\/marvel-keynote-made-marvel-api\/\" \/>\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-06-07T09:13:31+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2020-08-21T11:53:17+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/marvelapp.com\/wp-content\/uploads\/2018\/06\/Thumbnail_01.png\" \/>\n\t<meta property=\"og:image:width\" content=\"600\" \/>\n\t<meta property=\"og:image:height\" content=\"449\" \/>\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=\"1 minute\">\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\/marvel-keynote-made-marvel-api\/#primaryimage\",\"inLanguage\":\"en-GB\",\"url\":\"https:\/\/marvelapp.com\/wp-content\/uploads\/2018\/06\/Thumbnail_01.png\",\"width\":600,\"height\":449},{\"@type\":\"WebPage\",\"@id\":\"https:\/\/marvelapp.com\/blog\/marvel-keynote-made-marvel-api\/#webpage\",\"url\":\"https:\/\/marvelapp.com\/blog\/marvel-keynote-made-marvel-api\/\",\"name\":\"Marvel for Keynote - Made with the Marvel API | Marvel Blog\",\"isPartOf\":{\"@id\":\"https:\/\/marvelapp.com\/blog\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/marvelapp.com\/blog\/marvel-keynote-made-marvel-api\/#primaryimage\"},\"datePublished\":\"2018-06-07T09:13:31+00:00\",\"dateModified\":\"2020-08-21T11:53:17+00:00\",\"description\":\"This simple Mac app gives you a quick way to upload Keynote files to Marvel in just a couple of clicks.\",\"inLanguage\":\"en-GB\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/marvelapp.com\/blog\/marvel-keynote-made-marvel-api\/\"]}]},{\"@type\":\"Article\",\"@id\":\"https:\/\/marvelapp.com\/blog\/marvel-keynote-made-marvel-api\/#article\",\"isPartOf\":{\"@id\":\"https:\/\/marvelapp.com\/blog\/marvel-keynote-made-marvel-api\/#webpage\"},\"author\":{\"@id\":\"https:\/\/marvelapp.com\/blog\/#\/schema\/person\/758d288ebafc1477497b98b60f9e49ff\"},\"headline\":\"Marvel for Keynote &#8211; Made with the Marvel API\",\"datePublished\":\"2018-06-07T09:13:31+00:00\",\"dateModified\":\"2020-08-21T11:53:17+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\/\/marvelapp.com\/blog\/marvel-keynote-made-marvel-api\/#webpage\"},\"commentCount\":0,\"publisher\":{\"@id\":\"https:\/\/marvelapp.com\/blog\/#organization\"},\"image\":{\"@id\":\"https:\/\/marvelapp.com\/blog\/marvel-keynote-made-marvel-api\/#primaryimage\"},\"articleSection\":\"Integrations &amp; API\",\"inLanguage\":\"en-GB\",\"potentialAction\":[{\"@type\":\"CommentAction\",\"name\":\"Comment\",\"target\":[\"https:\/\/marvelapp.com\/blog\/marvel-keynote-made-marvel-api\/#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\/15219","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=15219"}],"version-history":[{"count":0,"href":"https:\/\/marvelapp.com\/blog\/wp-json\/wp\/v2\/posts\/15219\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/marvelapp.com\/blog\/wp-json\/wp\/v2\/media\/15255"}],"wp:attachment":[{"href":"https:\/\/marvelapp.com\/blog\/wp-json\/wp\/v2\/media?parent=15219"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/marvelapp.com\/blog\/wp-json\/wp\/v2\/categories?post=15219"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/marvelapp.com\/blog\/wp-json\/wp\/v2\/tags?post=15219"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}