{"id":140,"date":"2021-01-18T14:50:00","date_gmt":"2021-01-18T14:50:00","guid":{"rendered":"https:\/\/v1.staging.magicul.io\/blog\/?p=140"},"modified":"2023-05-15T14:51:40","modified_gmt":"2023-05-15T14:51:40","slug":"introducing-figma-to-xd-prototype-support","status":"publish","type":"post","link":"https:\/\/magicul.io\/blog\/introducing-figma-to-xd-prototype-support","title":{"rendered":"Introducing Figma to XD prototype support"},"content":{"rendered":"\n<p>Today, we\u2019re incredibly excited to announce that&nbsp;<strong>Magicul can now convert any&nbsp;<\/strong><a href=\"https:\/\/xd2sketch.com\/converter\/figma-to-xd\"><strong>Figma prototype to XD<\/strong><\/a><strong>&nbsp;with a single click!<\/strong><\/p>\n\n\n\n<p>Prototyping plays a crucial role in showing a designer\u2019s vision of a proposed interaction before putting it in the end-users&#8217; hands. We listened to the design community and decided to dedicate a few sleepless nights to enable our users to convert their Figma prototypes to Adobe XD.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"what-s-a-prototype-and-why-bother-with-it-anyway\">What\u2019s a prototype, and why bother with it anyway?<\/h2>\n\n\n\n<p>A prototype is an early stage sample of a product. It&#8217;s mainly designed to simulate a real scenario before actually building it. It is more of a simulated concept and not the actual product, solely intended for design evaluation and feedback collection from the existing users.<\/p>\n\n\n\n<p>A prototype designed and tested during an early stage can guarantee stakeholder alignment around an idea and uncover gaps in the UX. Today\u2019s fast-paced startup culture frequently uses it to reduce ideation time and iterate quickly before taking it to the developers to build.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"prototyping-in-figma\">Prototyping in Figma<\/h2>\n\n\n\n<p>Figma turns static design files into interaction experiences using transitions and animations. It has two toggles\u200a\u2014\u200adesign and prototype. After you complete the prototypes, a shareable link can be generated and viewed from any web-browser.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"prototyping-in-xd\">Prototyping in XD<\/h2>\n\n\n\n<p>Adobe XD\u2019s interactive prototype creation capabilities are similar to that of Figma\u2019s. With XD, you can simulate your website or app&#8217;s flow and record the interactions to share an interactive preview with teammates and stakeholders. Similar to Figma, there are two work modes in XD\u200a\u2014\u200adesign, and prototype. Both XD and Figma has a similar feature set, which puts them neck-to-neck.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"figma-s-api-documentation\">Figma&#8217;s API Documentation<\/h2>\n\n\n\n<p>We\u2019ve been scratching our heads around how to convert all the prototyping and animation styles from Figma to XD for some time. Unfortunately&nbsp;<a href=\"https:\/\/www.figma.com\/developers\/api#node-types\">Figma\u2019s API<\/a>&nbsp;doesn\u2019t provide a way to retrieve any detailed information about animation types used throughout the designs. That means we can\u2019t directly convert them and apply them to your XD designs.<\/p>\n\n\n\n<p>To convert all prototype transitions, we decided to go with the instant change transition type, Adobe XD&#8217;s default style. So no matter which kind of transition Figma uses, when converted, the final prototype in XD becomes a basic click prototype. But don\u2019t you worry, we are already working on an improved solution and are in close contact with the Figma team to provide you a more enhanced conversion of your prototypes.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"converting-prototype-from-figma-xd\">Converting prototype from Figma \u2192 XD<\/h2>\n\n\n\n<figure class=\"wp-block-image aligncenter size-large is-resized\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/magicul.io\/blog\/wp-content\/uploads\/2023\/05\/convert-figma-to-xd-interface-1024x894.jpg\" alt=\"\" class=\"wp-image-141\" width=\"411\" height=\"359\" srcset=\"https:\/\/magicul.io\/blog\/wp-content\/uploads\/2023\/05\/convert-figma-to-xd-interface-1024x894.jpg 1024w, https:\/\/magicul.io\/blog\/wp-content\/uploads\/2023\/05\/convert-figma-to-xd-interface-300x262.jpg 300w, https:\/\/magicul.io\/blog\/wp-content\/uploads\/2023\/05\/convert-figma-to-xd-interface-768x671.jpg 768w, https:\/\/magicul.io\/blog\/wp-content\/uploads\/2023\/05\/convert-figma-to-xd-interface.jpg 1232w\" sizes=\"auto, (max-width: 411px) 100vw, 411px\" \/><figcaption class=\"wp-element-caption\">The first step for Figma to XD conversion<\/figcaption><\/figure>\n\n\n\n<figure class=\"wp-block-image aligncenter size-large is-resized\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/magicul.io\/blog\/wp-content\/uploads\/2023\/05\/converted-xd-file-from-figma-926x1024.png\" alt=\"\" class=\"wp-image-142\" width=\"490\" height=\"540\"\/><figcaption class=\"wp-element-caption\">Converting a Figma community file with the prototype to XD&nbsp;format<\/figcaption><\/figure>\n\n\n\n<p>As always, the way to convert your design files from Figma to XD remains straightforward. Just head over to the&nbsp;<a href=\"https:\/\/xd2sketch.com\/converter\/figma-to-xd\">Magicul<\/a>&nbsp;homepage and choose the \u201cFigma to XD\u201d option from the dropdown, upload your file via the URL, and you are on your way to getting your file XD file in no time.<\/p>\n\n\n\n<p>Below is the prototype comparison between Figma and XD (after conversion) of the above sample file.<\/p>\n\n\n\n<figure class=\"wp-block-image aligncenter size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"229\" height=\"500\" src=\"https:\/\/magicul.io\/blog\/wp-content\/uploads\/2023\/05\/demo-prototyping-xd-to-figma.gif\" alt=\"\" class=\"wp-image-143\"\/><figcaption class=\"wp-element-caption\">Original Prototype in XD<\/figcaption><\/figure>\n\n\n\n<figure class=\"wp-block-image aligncenter size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"230\" height=\"500\" src=\"https:\/\/magicul.io\/blog\/wp-content\/uploads\/2023\/05\/demo-result-xd-to-figma-prototyping.gif\" alt=\"\" class=\"wp-image-144\"\/><figcaption class=\"wp-element-caption\">Original Prototype in Figma<\/figcaption><\/figure>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"artboard-order-in-xd\">Artboard order in XD<\/h2>\n\n\n\n<p>We also made sure to preserve the artboard order and positioning from the original file during the symbol\/artboard conversion from Figma to XD.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"521\" src=\"https:\/\/magicul.io\/blog\/wp-content\/uploads\/2023\/05\/comparison-xd-figma-artboards-converted-1024x521.png\" alt=\"\" class=\"wp-image-145\" srcset=\"https:\/\/magicul.io\/blog\/wp-content\/uploads\/2023\/05\/comparison-xd-figma-artboards-converted-1024x521.png 1024w, https:\/\/magicul.io\/blog\/wp-content\/uploads\/2023\/05\/comparison-xd-figma-artboards-converted-300x153.png 300w, https:\/\/magicul.io\/blog\/wp-content\/uploads\/2023\/05\/comparison-xd-figma-artboards-converted-768x391.png 768w, https:\/\/magicul.io\/blog\/wp-content\/uploads\/2023\/05\/comparison-xd-figma-artboards-converted-1536x781.png 1536w, https:\/\/magicul.io\/blog\/wp-content\/uploads\/2023\/05\/comparison-xd-figma-artboards-converted.png 1612w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><figcaption class=\"wp-element-caption\">Side by side comparison of Figma and XD artboards<\/figcaption><\/figure>\n\n\n\n<hr class=\"wp-block-separator has-alpha-channel-opacity\"\/>\n\n\n\n<p>Ultimately it boils down to the team size, budget, and other constraints when deciding which tool is best for you. No matter which one you choose, Magicul will always be there to support you and your team members.<\/p>\n\n\n\n<p>We hope you\u2019re as excited as we are for Figma to XD prototype support\u200a\u2014\u200aI can\u2019t wait to hear what you all think. Make sure to give it a try.<\/p>\n\n\n\n<p><em>Cheers! \ud83d\udc4b<\/em><\/p>\n\n\n\n<p><em>Magicul is a collection of tools where designers can easily convert file formats between XD, Sketch, Figma, Framer, Invision, PSD, Illustrator, and PDF without breaking the symbols, prototypes, and design systems logic.<\/em><\/p>\n","protected":false},"excerpt":{"rendered":"<p>Today, we\u2019re incredibly excited to announce that&nbsp;Magicul can now convert any&nbsp;Figma prototype to XD&nbsp;with a single click! Prototyping plays a crucial role in showing a designer\u2019s vision of a proposed interaction before putting it in the end-users&#8217; hands. We listened to the design community and decided to dedicate a few sleepless nights to enable our [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":147,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_swt_meta_header_display":false,"_swt_meta_footer_display":false,"_swt_meta_site_title_display":false,"_swt_meta_sticky_header":false,"_swt_meta_transparent_header":false,"footnotes":""},"categories":[5],"tags":[],"class_list":["post-140","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-guides"],"yoast_head":"<!-- This site is optimized with the Yoast SEO Premium plugin v23.0 (Yoast SEO v27.4) - https:\/\/yoast.com\/product\/yoast-seo-premium-wordpress\/ -->\n<title>Introducing Figma to XD prototype support - Magicul 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:\/\/magicul.io\/blog\/introducing-figma-to-xd-prototype-support\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Introducing Figma to XD prototype support\" \/>\n<meta property=\"og:description\" content=\"Today, we\u2019re incredibly excited to announce that&nbsp;Magicul can now convert any&nbsp;Figma prototype to XD&nbsp;with a single click! Prototyping plays a crucial role in showing a designer\u2019s vision of a proposed interaction before putting it in the end-users&#8217; hands. We listened to the design community and decided to dedicate a few sleepless nights to enable our [&hellip;]\" \/>\n<meta property=\"og:url\" content=\"https:\/\/magicul.io\/blog\/introducing-figma-to-xd-prototype-support\" \/>\n<meta property=\"og:site_name\" content=\"Magicul Blog\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/magicul.io\/\" \/>\n<meta property=\"article:published_time\" content=\"2021-01-18T14:50:00+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2023-05-15T14:51:40+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/magicul.io\/blog\/wp-content\/uploads\/2023\/05\/xd-to-figma-prototype-support-converter.png\" \/>\n\t<meta property=\"og:image:width\" content=\"2000\" \/>\n\t<meta property=\"og:image:height\" content=\"857\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/png\" \/>\n<meta name=\"author\" content=\"Kevin Goedecke\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"Kevin Goedecke\" \/>\n\t<meta name=\"twitter:label2\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data2\" content=\"3 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\\\/\\\/magicul.io\\\/blog\\\/introducing-figma-to-xd-prototype-support#article\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/magicul.io\\\/blog\\\/introducing-figma-to-xd-prototype-support\"},\"author\":{\"name\":\"Kevin Goedecke\",\"@id\":\"https:\\\/\\\/magicul.io\\\/blog\\\/#\\\/schema\\\/person\\\/f2be27c281d0a90feb9acb12fa49cd4b\"},\"headline\":\"Introducing Figma to XD prototype support\",\"datePublished\":\"2021-01-18T14:50:00+00:00\",\"dateModified\":\"2023-05-15T14:51:40+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\\\/\\\/magicul.io\\\/blog\\\/introducing-figma-to-xd-prototype-support\"},\"wordCount\":663,\"commentCount\":0,\"publisher\":{\"@id\":\"https:\\\/\\\/magicul.io\\\/blog\\\/#organization\"},\"image\":{\"@id\":\"https:\\\/\\\/magicul.io\\\/blog\\\/introducing-figma-to-xd-prototype-support#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/magicul.io\\\/blog\\\/wp-content\\\/uploads\\\/2023\\\/05\\\/xd-to-figma-prototype-support-converter.png\",\"articleSection\":[\"Guides\"],\"inLanguage\":\"en-US\"},{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/magicul.io\\\/blog\\\/introducing-figma-to-xd-prototype-support\",\"url\":\"https:\\\/\\\/magicul.io\\\/blog\\\/introducing-figma-to-xd-prototype-support\",\"name\":\"Introducing Figma to XD prototype support - Magicul Blog\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/magicul.io\\\/blog\\\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\\\/\\\/magicul.io\\\/blog\\\/introducing-figma-to-xd-prototype-support#primaryimage\"},\"image\":{\"@id\":\"https:\\\/\\\/magicul.io\\\/blog\\\/introducing-figma-to-xd-prototype-support#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/magicul.io\\\/blog\\\/wp-content\\\/uploads\\\/2023\\\/05\\\/xd-to-figma-prototype-support-converter.png\",\"datePublished\":\"2021-01-18T14:50:00+00:00\",\"dateModified\":\"2023-05-15T14:51:40+00:00\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/magicul.io\\\/blog\\\/introducing-figma-to-xd-prototype-support#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/magicul.io\\\/blog\\\/introducing-figma-to-xd-prototype-support\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\\\/\\\/magicul.io\\\/blog\\\/introducing-figma-to-xd-prototype-support#primaryimage\",\"url\":\"https:\\\/\\\/magicul.io\\\/blog\\\/wp-content\\\/uploads\\\/2023\\\/05\\\/xd-to-figma-prototype-support-converter.png\",\"contentUrl\":\"https:\\\/\\\/magicul.io\\\/blog\\\/wp-content\\\/uploads\\\/2023\\\/05\\\/xd-to-figma-prototype-support-converter.png\",\"width\":2000,\"height\":857},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/magicul.io\\\/blog\\\/introducing-figma-to-xd-prototype-support#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\\\/\\\/magicul.io\\\/blog\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Introducing Figma to XD prototype support\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/magicul.io\\\/blog\\\/#website\",\"url\":\"https:\\\/\\\/magicul.io\\\/blog\\\/\",\"name\":\"Magicul Blog\",\"description\":\"The official blog of Magicul - Stuff around UI UX and design.\",\"publisher\":{\"@id\":\"https:\\\/\\\/magicul.io\\\/blog\\\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\\\/\\\/magicul.io\\\/blog\\\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"},{\"@type\":\"Organization\",\"@id\":\"https:\\\/\\\/magicul.io\\\/blog\\\/#organization\",\"name\":\"Magicul\",\"url\":\"https:\\\/\\\/magicul.io\\\/blog\\\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\\\/\\\/magicul.io\\\/blog\\\/#\\\/schema\\\/logo\\\/image\\\/\",\"url\":\"https:\\\/\\\/magicul.io\\\/blog\\\/wp-content\\\/uploads\\\/2023\\\/05\\\/magicul-logo.png\",\"contentUrl\":\"https:\\\/\\\/magicul.io\\\/blog\\\/wp-content\\\/uploads\\\/2023\\\/05\\\/magicul-logo.png\",\"width\":260,\"height\":80,\"caption\":\"Magicul\"},\"image\":{\"@id\":\"https:\\\/\\\/magicul.io\\\/blog\\\/#\\\/schema\\\/logo\\\/image\\\/\"},\"sameAs\":[\"https:\\\/\\\/www.facebook.com\\\/magicul.io\\\/\",\"https:\\\/\\\/www.instagram.com\\\/magicul.io\\\/\",\"https:\\\/\\\/www.youtube.com\\\/channel\\\/UCWcKb64il19wHifcxsSc_2g\"]},{\"@type\":\"Person\",\"@id\":\"https:\\\/\\\/magicul.io\\\/blog\\\/#\\\/schema\\\/person\\\/f2be27c281d0a90feb9acb12fa49cd4b\",\"name\":\"Kevin Goedecke\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\\\/\\\/secure.gravatar.com\\\/avatar\\\/6cc11f9608b46c4f1f80757b06785d8578e5ba865196d7eff114e0638943e1e5?s=96&d=mm&r=g\",\"url\":\"https:\\\/\\\/secure.gravatar.com\\\/avatar\\\/6cc11f9608b46c4f1f80757b06785d8578e5ba865196d7eff114e0638943e1e5?s=96&d=mm&r=g\",\"contentUrl\":\"https:\\\/\\\/secure.gravatar.com\\\/avatar\\\/6cc11f9608b46c4f1f80757b06785d8578e5ba865196d7eff114e0638943e1e5?s=96&d=mm&r=g\",\"caption\":\"Kevin Goedecke\"},\"description\":\"CEO &amp; Founder of Magicul - We help creative teams be more productive.\",\"sameAs\":[\"https:\\\/\\\/magicul.io\"],\"url\":\"https:\\\/\\\/magicul.io\\\/blog\\\/author\\\/kgoedecke\"}]}<\/script>\n<!-- \/ Yoast SEO Premium plugin. -->","yoast_head_json":{"title":"Introducing Figma to XD prototype support - Magicul 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:\/\/magicul.io\/blog\/introducing-figma-to-xd-prototype-support","og_locale":"en_US","og_type":"article","og_title":"Introducing Figma to XD prototype support","og_description":"Today, we\u2019re incredibly excited to announce that&nbsp;Magicul can now convert any&nbsp;Figma prototype to XD&nbsp;with a single click! Prototyping plays a crucial role in showing a designer\u2019s vision of a proposed interaction before putting it in the end-users&#8217; hands. We listened to the design community and decided to dedicate a few sleepless nights to enable our [&hellip;]","og_url":"https:\/\/magicul.io\/blog\/introducing-figma-to-xd-prototype-support","og_site_name":"Magicul Blog","article_publisher":"https:\/\/www.facebook.com\/magicul.io\/","article_published_time":"2021-01-18T14:50:00+00:00","article_modified_time":"2023-05-15T14:51:40+00:00","og_image":[{"width":2000,"height":857,"url":"https:\/\/magicul.io\/blog\/wp-content\/uploads\/2023\/05\/xd-to-figma-prototype-support-converter.png","type":"image\/png"}],"author":"Kevin Goedecke","twitter_card":"summary_large_image","twitter_misc":{"Written by":"Kevin Goedecke","Est. reading time":"3 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/magicul.io\/blog\/introducing-figma-to-xd-prototype-support#article","isPartOf":{"@id":"https:\/\/magicul.io\/blog\/introducing-figma-to-xd-prototype-support"},"author":{"name":"Kevin Goedecke","@id":"https:\/\/magicul.io\/blog\/#\/schema\/person\/f2be27c281d0a90feb9acb12fa49cd4b"},"headline":"Introducing Figma to XD prototype support","datePublished":"2021-01-18T14:50:00+00:00","dateModified":"2023-05-15T14:51:40+00:00","mainEntityOfPage":{"@id":"https:\/\/magicul.io\/blog\/introducing-figma-to-xd-prototype-support"},"wordCount":663,"commentCount":0,"publisher":{"@id":"https:\/\/magicul.io\/blog\/#organization"},"image":{"@id":"https:\/\/magicul.io\/blog\/introducing-figma-to-xd-prototype-support#primaryimage"},"thumbnailUrl":"https:\/\/magicul.io\/blog\/wp-content\/uploads\/2023\/05\/xd-to-figma-prototype-support-converter.png","articleSection":["Guides"],"inLanguage":"en-US"},{"@type":"WebPage","@id":"https:\/\/magicul.io\/blog\/introducing-figma-to-xd-prototype-support","url":"https:\/\/magicul.io\/blog\/introducing-figma-to-xd-prototype-support","name":"Introducing Figma to XD prototype support - Magicul Blog","isPartOf":{"@id":"https:\/\/magicul.io\/blog\/#website"},"primaryImageOfPage":{"@id":"https:\/\/magicul.io\/blog\/introducing-figma-to-xd-prototype-support#primaryimage"},"image":{"@id":"https:\/\/magicul.io\/blog\/introducing-figma-to-xd-prototype-support#primaryimage"},"thumbnailUrl":"https:\/\/magicul.io\/blog\/wp-content\/uploads\/2023\/05\/xd-to-figma-prototype-support-converter.png","datePublished":"2021-01-18T14:50:00+00:00","dateModified":"2023-05-15T14:51:40+00:00","breadcrumb":{"@id":"https:\/\/magicul.io\/blog\/introducing-figma-to-xd-prototype-support#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/magicul.io\/blog\/introducing-figma-to-xd-prototype-support"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/magicul.io\/blog\/introducing-figma-to-xd-prototype-support#primaryimage","url":"https:\/\/magicul.io\/blog\/wp-content\/uploads\/2023\/05\/xd-to-figma-prototype-support-converter.png","contentUrl":"https:\/\/magicul.io\/blog\/wp-content\/uploads\/2023\/05\/xd-to-figma-prototype-support-converter.png","width":2000,"height":857},{"@type":"BreadcrumbList","@id":"https:\/\/magicul.io\/blog\/introducing-figma-to-xd-prototype-support#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/magicul.io\/blog\/"},{"@type":"ListItem","position":2,"name":"Introducing Figma to XD prototype support"}]},{"@type":"WebSite","@id":"https:\/\/magicul.io\/blog\/#website","url":"https:\/\/magicul.io\/blog\/","name":"Magicul Blog","description":"The official blog of Magicul - Stuff around UI UX and design.","publisher":{"@id":"https:\/\/magicul.io\/blog\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/magicul.io\/blog\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"},{"@type":"Organization","@id":"https:\/\/magicul.io\/blog\/#organization","name":"Magicul","url":"https:\/\/magicul.io\/blog\/","logo":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/magicul.io\/blog\/#\/schema\/logo\/image\/","url":"https:\/\/magicul.io\/blog\/wp-content\/uploads\/2023\/05\/magicul-logo.png","contentUrl":"https:\/\/magicul.io\/blog\/wp-content\/uploads\/2023\/05\/magicul-logo.png","width":260,"height":80,"caption":"Magicul"},"image":{"@id":"https:\/\/magicul.io\/blog\/#\/schema\/logo\/image\/"},"sameAs":["https:\/\/www.facebook.com\/magicul.io\/","https:\/\/www.instagram.com\/magicul.io\/","https:\/\/www.youtube.com\/channel\/UCWcKb64il19wHifcxsSc_2g"]},{"@type":"Person","@id":"https:\/\/magicul.io\/blog\/#\/schema\/person\/f2be27c281d0a90feb9acb12fa49cd4b","name":"Kevin Goedecke","image":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/secure.gravatar.com\/avatar\/6cc11f9608b46c4f1f80757b06785d8578e5ba865196d7eff114e0638943e1e5?s=96&d=mm&r=g","url":"https:\/\/secure.gravatar.com\/avatar\/6cc11f9608b46c4f1f80757b06785d8578e5ba865196d7eff114e0638943e1e5?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/6cc11f9608b46c4f1f80757b06785d8578e5ba865196d7eff114e0638943e1e5?s=96&d=mm&r=g","caption":"Kevin Goedecke"},"description":"CEO &amp; Founder of Magicul - We help creative teams be more productive.","sameAs":["https:\/\/magicul.io"],"url":"https:\/\/magicul.io\/blog\/author\/kgoedecke"}]}},"_links":{"self":[{"href":"https:\/\/magicul.io\/blog\/wp-json\/wp\/v2\/posts\/140","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/magicul.io\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/magicul.io\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/magicul.io\/blog\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/magicul.io\/blog\/wp-json\/wp\/v2\/comments?post=140"}],"version-history":[{"count":1,"href":"https:\/\/magicul.io\/blog\/wp-json\/wp\/v2\/posts\/140\/revisions"}],"predecessor-version":[{"id":146,"href":"https:\/\/magicul.io\/blog\/wp-json\/wp\/v2\/posts\/140\/revisions\/146"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/magicul.io\/blog\/wp-json\/wp\/v2\/media\/147"}],"wp:attachment":[{"href":"https:\/\/magicul.io\/blog\/wp-json\/wp\/v2\/media?parent=140"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/magicul.io\/blog\/wp-json\/wp\/v2\/categories?post=140"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/magicul.io\/blog\/wp-json\/wp\/v2\/tags?post=140"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}