{"id":122,"date":"2017-12-15T10:33:29","date_gmt":"2017-12-15T09:33:29","guid":{"rendered":"https:\/\/sketch2react.wordpress.com\/2017\/12\/15\/keyshape-gets-lottie-import-and-export-support\/"},"modified":"2020-06-18T07:42:40","modified_gmt":"2020-06-18T07:42:40","slug":"keyshape-gets-lottie-import-and-export-support","status":"publish","type":"post","link":"https:\/\/sketch2react.io\/blog\/keyshape-gets-lottie-import-and-export-support\/","title":{"rendered":"Keyshape gets Lottie import and export support"},"content":{"rendered":"<figure>\n<p><img decoding=\"async\" data-width=\"1920\" data-height=\"1080\" src=\"https:\/\/cdn-images-1.medium.com\/max\/2560\/1*-tXV8hStAa-k5XamFKffiA.jpeg\"><br \/>\n<\/figure>\n<p><strong><em>Great news for Keyshape fans<\/em><\/strong>, yesterday saw the release of a new plugin for Keyshape which imports and exports animations to be used with the Lottie framework. That opens up Keyshape for even more possibilites than before and you can now create advanced animations without the need to ever go into After Effects again.<\/p>\n<h4>Download the\u00a0plugin<\/h4>\n<p><a href=\"https:\/\/github.com\/Pixofield\/keyshape-lottie-format\">https:\/\/github.com\/Pixofield\/keyshape-lottie-format<\/a><\/p>\n<h4>Download assets from here and try it\u00a0out!<\/h4>\n<p><a href=\"https:\/\/github.com\/Pixofield\/keyshape-lottie-format\">https:\/\/github.com\/Pixofield\/keyshape-lottie-format<\/a><\/p>\n<div class=\"nv-iframe-embed\"><iframe loading=\"lazy\" title=\"Keyshape Lottie Import and Export Plugin\" width=\"1200\" height=\"675\" src=\"https:\/\/www.youtube.com\/embed\/-oi-TUVnyIM?feature=oembed\" frameborder=\"0\" allow=\"accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture\" allowfullscreen><\/iframe><\/div>\n","protected":false},"excerpt":{"rendered":"<p>Great news for Keyshape fans, yesterday saw the release of a new plugin for Keyshape which imports and exports animations to be used with the Lottie framework. That opens up Keyshape for even more possibilites than before and you can now create advanced animations without the need to ever go into After Effects again. Download&hellip;&nbsp;<a href=\"https:\/\/sketch2react.io\/blog\/keyshape-gets-lottie-import-and-export-support\/\" class=\"\" rel=\"bookmark\">Read More &raquo;<span class=\"screen-reader-text\">Keyshape gets Lottie import and export support<\/span><\/a><\/p>\n","protected":false},"author":2,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"bgseo_title":"","bgseo_description":"","bgseo_robots_index":"","bgseo_robots_follow":"","neve_meta_sidebar":"","neve_meta_container":"","neve_meta_enable_content_width":"","neve_meta_content_width":0,"neve_meta_title_alignment":"","neve_meta_author_avatar":"","neve_post_elements_order":"","neve_meta_disable_header":"","neve_meta_disable_footer":"","neve_meta_disable_title":"","footnotes":""},"categories":[168],"tags":[68,4,27,69,70],"class_list":["post-122","post","type-post","status-publish","format-standard","hentry","category-miscellaneous","tag-after-effects","tag-animation","tag-keyshape","tag-lottie","tag-plugin"],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v26.5 - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>Keyshape gets Lottie import and export support | Sketch2React Blog<\/title>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/sketch2react.io\/blog\/keyshape-gets-lottie-import-and-export-support\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Keyshape gets Lottie import and export support - Sketch2React Blog\" \/>\n<meta property=\"og:description\" content=\"Great news for Keyshape fans, yesterday saw the release of a new plugin for Keyshape which imports and exports animations to be used with the Lottie framework. That opens up Keyshape for even more possibilites than before and you can now create advanced animations without the need to ever go into After Effects again. Download&hellip;&nbsp;Read More &raquo;Keyshape gets Lottie import and export support\" \/>\n<meta property=\"og:url\" content=\"https:\/\/sketch2react.io\/blog\/keyshape-gets-lottie-import-and-export-support\/\" \/>\n<meta property=\"og:site_name\" content=\"Sketch2React Blog\" \/>\n<meta property=\"article:published_time\" content=\"2017-12-15T09:33:29+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2020-06-18T07:42:40+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/cdn-images-1.medium.com\/max\/2560\/1*-tXV8hStAa-k5XamFKffiA.jpeg\" \/>\n<meta name=\"author\" content=\"Juan Maguid\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"Juan Maguid\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\/\/sketch2react.io\/blog\/keyshape-gets-lottie-import-and-export-support\/#article\",\"isPartOf\":{\"@id\":\"https:\/\/sketch2react.io\/blog\/keyshape-gets-lottie-import-and-export-support\/\"},\"author\":{\"name\":\"Juan Maguid\",\"@id\":\"https:\/\/sketch2react.io\/blog\/#\/schema\/person\/7fc8fe20e137be20a66bc8634c059f4e\"},\"headline\":\"Keyshape gets Lottie import and export support\",\"datePublished\":\"2017-12-15T09:33:29+00:00\",\"dateModified\":\"2020-06-18T07:42:40+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\/\/sketch2react.io\/blog\/keyshape-gets-lottie-import-and-export-support\/\"},\"wordCount\":92,\"commentCount\":0,\"publisher\":{\"@id\":\"https:\/\/sketch2react.io\/blog\/#organization\"},\"image\":{\"@id\":\"https:\/\/sketch2react.io\/blog\/keyshape-gets-lottie-import-and-export-support\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/cdn-images-1.medium.com\/max\/2560\/1*-tXV8hStAa-k5XamFKffiA.jpeg\",\"keywords\":[\"After Effects\",\"Animation\",\"Keyshape\",\"Lottie\",\"Plugin\"],\"articleSection\":[\"Miscellaneous\"],\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"CommentAction\",\"name\":\"Comment\",\"target\":[\"https:\/\/sketch2react.io\/blog\/keyshape-gets-lottie-import-and-export-support\/#respond\"]}]},{\"@type\":\"WebPage\",\"@id\":\"https:\/\/sketch2react.io\/blog\/keyshape-gets-lottie-import-and-export-support\/\",\"url\":\"https:\/\/sketch2react.io\/blog\/keyshape-gets-lottie-import-and-export-support\/\",\"name\":\"Keyshape gets Lottie import and export support - Sketch2React Blog\",\"isPartOf\":{\"@id\":\"https:\/\/sketch2react.io\/blog\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/sketch2react.io\/blog\/keyshape-gets-lottie-import-and-export-support\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/sketch2react.io\/blog\/keyshape-gets-lottie-import-and-export-support\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/cdn-images-1.medium.com\/max\/2560\/1*-tXV8hStAa-k5XamFKffiA.jpeg\",\"datePublished\":\"2017-12-15T09:33:29+00:00\",\"dateModified\":\"2020-06-18T07:42:40+00:00\",\"breadcrumb\":{\"@id\":\"https:\/\/sketch2react.io\/blog\/keyshape-gets-lottie-import-and-export-support\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/sketch2react.io\/blog\/keyshape-gets-lottie-import-and-export-support\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/sketch2react.io\/blog\/keyshape-gets-lottie-import-and-export-support\/#primaryimage\",\"url\":\"https:\/\/cdn-images-1.medium.com\/max\/2560\/1*-tXV8hStAa-k5XamFKffiA.jpeg\",\"contentUrl\":\"https:\/\/cdn-images-1.medium.com\/max\/2560\/1*-tXV8hStAa-k5XamFKffiA.jpeg\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/sketch2react.io\/blog\/keyshape-gets-lottie-import-and-export-support\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/sketch2react.io\/blog\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Keyshape gets Lottie import and export support\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/sketch2react.io\/blog\/#website\",\"url\":\"https:\/\/sketch2react.io\/blog\/\",\"name\":\"Sketch2React Blog\",\"description\":\"Articles, tutorials, tips &amp; tricks\",\"publisher\":{\"@id\":\"https:\/\/sketch2react.io\/blog\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/sketch2react.io\/blog\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"},{\"@type\":\"Organization\",\"@id\":\"https:\/\/sketch2react.io\/blog\/#organization\",\"name\":\"Sketch2React Blog\",\"url\":\"https:\/\/sketch2react.io\/blog\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/sketch2react.io\/blog\/#\/schema\/logo\/image\/\",\"url\":\"https:\/\/sketch2react.io\/blog\/wp-content\/uploads\/2021\/10\/cropped-S2R2021Icon.png\",\"contentUrl\":\"https:\/\/sketch2react.io\/blog\/wp-content\/uploads\/2021\/10\/cropped-S2R2021Icon.png\",\"width\":512,\"height\":512,\"caption\":\"Sketch2React Blog\"},\"image\":{\"@id\":\"https:\/\/sketch2react.io\/blog\/#\/schema\/logo\/image\/\"}},{\"@type\":\"Person\",\"@id\":\"https:\/\/sketch2react.io\/blog\/#\/schema\/person\/7fc8fe20e137be20a66bc8634c059f4e\",\"name\":\"Juan Maguid\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/sketch2react.io\/blog\/#\/schema\/person\/image\/\",\"url\":\"https:\/\/secure.gravatar.com\/avatar\/eac199ca87b7cbb76863825e2f447fafd34ac3b7c4a03c94f499103333c24832?s=96&d=wavatar&r=g\",\"contentUrl\":\"https:\/\/secure.gravatar.com\/avatar\/eac199ca87b7cbb76863825e2f447fafd34ac3b7c4a03c94f499103333c24832?s=96&d=wavatar&r=g\",\"caption\":\"Juan Maguid\"},\"url\":\"https:\/\/sketch2react.io\/blog\/author\/sketch2react\/\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Keyshape gets Lottie import and export support | Sketch2React Blog","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:\/\/sketch2react.io\/blog\/keyshape-gets-lottie-import-and-export-support\/","og_locale":"en_US","og_type":"article","og_title":"Keyshape gets Lottie import and export support - Sketch2React Blog","og_description":"Great news for Keyshape fans, yesterday saw the release of a new plugin for Keyshape which imports and exports animations to be used with the Lottie framework. That opens up Keyshape for even more possibilites than before and you can now create advanced animations without the need to ever go into After Effects again. Download&hellip;&nbsp;Read More &raquo;Keyshape gets Lottie import and export support","og_url":"https:\/\/sketch2react.io\/blog\/keyshape-gets-lottie-import-and-export-support\/","og_site_name":"Sketch2React Blog","article_published_time":"2017-12-15T09:33:29+00:00","article_modified_time":"2020-06-18T07:42:40+00:00","og_image":[{"url":"https:\/\/cdn-images-1.medium.com\/max\/2560\/1*-tXV8hStAa-k5XamFKffiA.jpeg","type":"","width":"","height":""}],"author":"Juan Maguid","twitter_card":"summary_large_image","twitter_misc":{"Written by":"Juan Maguid"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/sketch2react.io\/blog\/keyshape-gets-lottie-import-and-export-support\/#article","isPartOf":{"@id":"https:\/\/sketch2react.io\/blog\/keyshape-gets-lottie-import-and-export-support\/"},"author":{"name":"Juan Maguid","@id":"https:\/\/sketch2react.io\/blog\/#\/schema\/person\/7fc8fe20e137be20a66bc8634c059f4e"},"headline":"Keyshape gets Lottie import and export support","datePublished":"2017-12-15T09:33:29+00:00","dateModified":"2020-06-18T07:42:40+00:00","mainEntityOfPage":{"@id":"https:\/\/sketch2react.io\/blog\/keyshape-gets-lottie-import-and-export-support\/"},"wordCount":92,"commentCount":0,"publisher":{"@id":"https:\/\/sketch2react.io\/blog\/#organization"},"image":{"@id":"https:\/\/sketch2react.io\/blog\/keyshape-gets-lottie-import-and-export-support\/#primaryimage"},"thumbnailUrl":"https:\/\/cdn-images-1.medium.com\/max\/2560\/1*-tXV8hStAa-k5XamFKffiA.jpeg","keywords":["After Effects","Animation","Keyshape","Lottie","Plugin"],"articleSection":["Miscellaneous"],"inLanguage":"en-US","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/sketch2react.io\/blog\/keyshape-gets-lottie-import-and-export-support\/#respond"]}]},{"@type":"WebPage","@id":"https:\/\/sketch2react.io\/blog\/keyshape-gets-lottie-import-and-export-support\/","url":"https:\/\/sketch2react.io\/blog\/keyshape-gets-lottie-import-and-export-support\/","name":"Keyshape gets Lottie import and export support - Sketch2React Blog","isPartOf":{"@id":"https:\/\/sketch2react.io\/blog\/#website"},"primaryImageOfPage":{"@id":"https:\/\/sketch2react.io\/blog\/keyshape-gets-lottie-import-and-export-support\/#primaryimage"},"image":{"@id":"https:\/\/sketch2react.io\/blog\/keyshape-gets-lottie-import-and-export-support\/#primaryimage"},"thumbnailUrl":"https:\/\/cdn-images-1.medium.com\/max\/2560\/1*-tXV8hStAa-k5XamFKffiA.jpeg","datePublished":"2017-12-15T09:33:29+00:00","dateModified":"2020-06-18T07:42:40+00:00","breadcrumb":{"@id":"https:\/\/sketch2react.io\/blog\/keyshape-gets-lottie-import-and-export-support\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/sketch2react.io\/blog\/keyshape-gets-lottie-import-and-export-support\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/sketch2react.io\/blog\/keyshape-gets-lottie-import-and-export-support\/#primaryimage","url":"https:\/\/cdn-images-1.medium.com\/max\/2560\/1*-tXV8hStAa-k5XamFKffiA.jpeg","contentUrl":"https:\/\/cdn-images-1.medium.com\/max\/2560\/1*-tXV8hStAa-k5XamFKffiA.jpeg"},{"@type":"BreadcrumbList","@id":"https:\/\/sketch2react.io\/blog\/keyshape-gets-lottie-import-and-export-support\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/sketch2react.io\/blog\/"},{"@type":"ListItem","position":2,"name":"Keyshape gets Lottie import and export support"}]},{"@type":"WebSite","@id":"https:\/\/sketch2react.io\/blog\/#website","url":"https:\/\/sketch2react.io\/blog\/","name":"Sketch2React Blog","description":"Articles, tutorials, tips &amp; tricks","publisher":{"@id":"https:\/\/sketch2react.io\/blog\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/sketch2react.io\/blog\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"},{"@type":"Organization","@id":"https:\/\/sketch2react.io\/blog\/#organization","name":"Sketch2React Blog","url":"https:\/\/sketch2react.io\/blog\/","logo":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/sketch2react.io\/blog\/#\/schema\/logo\/image\/","url":"https:\/\/sketch2react.io\/blog\/wp-content\/uploads\/2021\/10\/cropped-S2R2021Icon.png","contentUrl":"https:\/\/sketch2react.io\/blog\/wp-content\/uploads\/2021\/10\/cropped-S2R2021Icon.png","width":512,"height":512,"caption":"Sketch2React Blog"},"image":{"@id":"https:\/\/sketch2react.io\/blog\/#\/schema\/logo\/image\/"}},{"@type":"Person","@id":"https:\/\/sketch2react.io\/blog\/#\/schema\/person\/7fc8fe20e137be20a66bc8634c059f4e","name":"Juan Maguid","image":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/sketch2react.io\/blog\/#\/schema\/person\/image\/","url":"https:\/\/secure.gravatar.com\/avatar\/eac199ca87b7cbb76863825e2f447fafd34ac3b7c4a03c94f499103333c24832?s=96&d=wavatar&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/eac199ca87b7cbb76863825e2f447fafd34ac3b7c4a03c94f499103333c24832?s=96&d=wavatar&r=g","caption":"Juan Maguid"},"url":"https:\/\/sketch2react.io\/blog\/author\/sketch2react\/"}]}},"_links":{"self":[{"href":"https:\/\/sketch2react.io\/blog\/wp-json\/wp\/v2\/posts\/122","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/sketch2react.io\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/sketch2react.io\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/sketch2react.io\/blog\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/sketch2react.io\/blog\/wp-json\/wp\/v2\/comments?post=122"}],"version-history":[{"count":1,"href":"https:\/\/sketch2react.io\/blog\/wp-json\/wp\/v2\/posts\/122\/revisions"}],"predecessor-version":[{"id":412,"href":"https:\/\/sketch2react.io\/blog\/wp-json\/wp\/v2\/posts\/122\/revisions\/412"}],"wp:attachment":[{"href":"https:\/\/sketch2react.io\/blog\/wp-json\/wp\/v2\/media?parent=122"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/sketch2react.io\/blog\/wp-json\/wp\/v2\/categories?post=122"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/sketch2react.io\/blog\/wp-json\/wp\/v2\/tags?post=122"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}