{"id":95,"date":"2020-03-17T14:18:00","date_gmt":"2020-03-17T14:18:00","guid":{"rendered":"https:\/\/v1.staging.magicul.io\/blog\/?p=95"},"modified":"2024-01-15T19:50:57","modified_gmt":"2024-01-15T19:50:57","slug":"moving-designs-from-xd-to-figma-easy-or-not","status":"publish","type":"post","link":"https:\/\/magicul.io\/blog\/moving-designs-from-xd-to-figma-easy-or-not","title":{"rendered":"Convert designs from XD to Figma \u2014 Easy or not?"},"content":{"rendered":"\n<p>This article originally featured on Medium&#8217;s UX Collective. The link to the original article can be found&nbsp;<strong><a href=\"https:\/\/uxdesign.cc\/moving-designs-from-xd-to-figma-easy-or-not-ed76c93e657c\">here<\/a><\/strong>. The post was republished here with the permission of the original author.<\/p>\n\n\n\n<p>I was recently pondering the state of UX design software and how far it has come in recent times.<\/p>\n\n\n\n<p>I originally wanted to write about converting between popular design tools in the one article, but came across something interesting in the process.<\/p>\n\n\n\n<p>I have converted Sketch files into XD (through XD itself) and also Sketch into Figma before, so I knew that this was possible.<\/p>\n\n\n\n<p>But I had never had any actual experience with <a href=\"https:\/\/magicul.io\/blog\/convert-your-xd-designs-to-figma\">converting XD files to Figma.<\/a><\/p>\n\n\n\n<p>So, like all curious people, I decided to dive deeper and write about opening XD files in Figma.<\/p>\n\n\n\n<h1 class=\"wp-block-heading\" id=\"is-direct-conversion-possible\">Is direct conversion possible?<\/h1>\n\n\n\n<p>There really wasn\u2019t much information available, mostly just people complaining on Reddit and Adobe forums that such a thing should be possible.<\/p>\n\n\n\n<p>The overarching response from my research was that native conversion wasn\u2019t possible, but there had to be another way.<\/p>\n\n\n\n<p>Obviously it isn\u2019t in Adobe\u2019s best interests to support this through XD itself.<\/p>\n\n\n\n<p>If they did it would mean a huge exodus of users to Figma.<\/p>\n\n\n\n<p>In other words, they will NEVER support such a feature.<\/p>\n\n\n\n<h1 class=\"wp-block-heading\" id=\"why-convert-files-to-figma\">Why convert files to Figma?<\/h1>\n\n\n\n<p>There are a number of reasons to start with Figma, so let\u2019s start with the main benefits.<\/p>\n\n\n\n<h1 class=\"wp-block-heading\" id=\"benefits-of-figma\">Benefits of Figma<\/h1>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong>Real time collaboration<\/strong>&nbsp;\u2014 several designers\/stakeholders can work on the file at the same time<\/li>\n\n\n\n<li><strong>Browser based<\/strong>&nbsp;\u2014 so it can be used on any operating system. This is one of my favourite aspects of Figma, as I personally use a PC (please don\u2019t hate me)<\/li>\n\n\n\n<li><strong>Mostly FREE<\/strong>&nbsp;\u2014 it is accessible to all<\/li>\n\n\n\n<li><strong>All-in-one package<\/strong>&nbsp;\u2014 It includes design, prototyping and design specifications for developer handoff<\/li>\n<\/ul>\n\n\n\n<p>A lot of times I have noticed that clients like the flexibility of cross compatibility. They can also minimise the risks and complications of using several tools.<\/p>\n\n\n\n<p>They can also have a better overview as everything is online. They can also provide feedback within the file itself, without having to publish anything or go into another interface like you would with <a href=\"https:\/\/magicul.io\/blog\/moving-designs-from-xd-to-figma-easy-or-not\">Adobe XD<\/a> for example.<\/p>\n\n\n\n<p>Figma is a great tool, there is no question about it.<\/p>\n\n\n\n<p>Now, let\u2019s get into our conversion options.<\/p>\n\n\n\n<h1 class=\"wp-block-heading\" id=\"solutions-to-convert-xd-to-figma\">Solutions to convert XD to Figma<\/h1>\n\n\n\n<p>After my quick Google search I realised that the options are really very limited for this kind of conversion, but two options stuck out.<\/p>\n\n\n\n<p>Your options are:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>SVG<\/li>\n\n\n\n<li>Magicul.io<\/li>\n<\/ul>\n\n\n\n<p>The only other real option is to simply recreate your work, but this is simply too time consuming.<\/p>\n\n\n\n<p>I created a mock XD file to test both options with the original artboard looking like this:<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"629\" src=\"https:\/\/magicul.io\/blog\/wp-content\/uploads\/2023\/05\/xd-file-orignal-to-convert-1024x629.png\" alt=\"\" class=\"wp-image-97\" srcset=\"https:\/\/magicul.io\/blog\/wp-content\/uploads\/2023\/05\/xd-file-orignal-to-convert-1024x629.png 1024w, https:\/\/magicul.io\/blog\/wp-content\/uploads\/2023\/05\/xd-file-orignal-to-convert-300x184.png 300w, https:\/\/magicul.io\/blog\/wp-content\/uploads\/2023\/05\/xd-file-orignal-to-convert-768x472.png 768w, https:\/\/magicul.io\/blog\/wp-content\/uploads\/2023\/05\/xd-file-orignal-to-convert-1536x943.png 1536w, https:\/\/magicul.io\/blog\/wp-content\/uploads\/2023\/05\/xd-file-orignal-to-convert.png 2000w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<p>I used components, buttons, text and a picture to see how things translate with each solution. I also made an identical artboard with a click interaction to ensure that everything was covered.<\/p>\n\n\n\n<h1 class=\"wp-block-heading\" id=\"svg\">SVG<\/h1>\n\n\n\n<p>Up first was the SVG conversion method.<\/p>\n\n\n\n<p>From XD, you can copy artboards and paste them directly into Figma.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"560\" src=\"https:\/\/magicul.io\/blog\/wp-content\/uploads\/2023\/05\/paste-svg-in-figma-1024x560.gif\" alt=\"\" class=\"wp-image-98\" srcset=\"https:\/\/magicul.io\/blog\/wp-content\/uploads\/2023\/05\/paste-svg-in-figma-1024x560.gif 1024w, https:\/\/magicul.io\/blog\/wp-content\/uploads\/2023\/05\/paste-svg-in-figma-300x164.gif 300w, https:\/\/magicul.io\/blog\/wp-content\/uploads\/2023\/05\/paste-svg-in-figma-768x420.gif 768w, https:\/\/magicul.io\/blog\/wp-content\/uploads\/2023\/05\/paste-svg-in-figma-1536x840.gif 1536w, https:\/\/magicul.io\/blog\/wp-content\/uploads\/2023\/05\/paste-svg-in-figma-2048x1119.gif 2048w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><figcaption class=\"wp-element-caption\">Pasting SVGs into Figma<\/figcaption><\/figure>\n\n\n\n<p>It is also possible to export as an SVG from XD and paste them into Figma.<\/p>\n\n\n\n<p>Let\u2019s look at the results:<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"711\" src=\"https:\/\/magicul.io\/blog\/wp-content\/uploads\/2023\/05\/svg-conversion-result-figma-1024x711.png\" alt=\"\" class=\"wp-image-99\" srcset=\"https:\/\/magicul.io\/blog\/wp-content\/uploads\/2023\/05\/svg-conversion-result-figma-1024x711.png 1024w, https:\/\/magicul.io\/blog\/wp-content\/uploads\/2023\/05\/svg-conversion-result-figma-300x208.png 300w, https:\/\/magicul.io\/blog\/wp-content\/uploads\/2023\/05\/svg-conversion-result-figma-768x533.png 768w, https:\/\/magicul.io\/blog\/wp-content\/uploads\/2023\/05\/svg-conversion-result-figma-1536x1067.png 1536w, https:\/\/magicul.io\/blog\/wp-content\/uploads\/2023\/05\/svg-conversion-result-figma.png 2033w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<p>Obviously this is not ideal, as it does not look like our original at all and a few things have gone wrong.<\/p>\n\n\n\n<p>Can you see the difference between this and the original?<\/p>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"the-bad\">The Bad<\/h2>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Non-vector formats like PNGs or JPGs, aren\u2019t converted.<\/li>\n\n\n\n<li>You will need to add things to recomplete the file (especially if using<\/li>\n\n\n\n<li>Lots of quirks ie text box sizing is not respected<\/li>\n\n\n\n<li>Prototyping functionality is not carried over<\/li>\n\n\n\n<li>The background of the artboard is converted into a vector shape, which in my case was oversized (too wide)<\/li>\n\n\n\n<li>Symbols\/components are not supported<\/li>\n\n\n\n<li>Artboards don\u2019t keep their names<\/li>\n\n\n\n<li>Just too much rework to be a viable option for any sort of complex files<\/li>\n<\/ul>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"the-good\">The Good<\/h2>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Relatively quick to paste actual vector elements into Figma<\/li>\n\n\n\n<li>Good if you only have text and vector elements and nothing else in the file. This seems like a rare use case though.<\/li>\n<\/ul>\n\n\n\n<h1 class=\"wp-block-heading\" id=\"magicul\">Magicul<\/h1>\n\n\n\n<p>Up next was a cool little tool called&nbsp;<a href=\"https:\/\/magicul.io\/\">Magicul<\/a>, which actually converted the entire file.<\/p>\n\n\n\n<p>In order to use the converter I first needed to convert my XD file to Sketch.<\/p>\n\n\n\n<figure class=\"wp-block-image aligncenter size-large is-resized\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"989\" src=\"https:\/\/magicul.io\/blog\/wp-content\/uploads\/2023\/05\/xd-sketch-convert-file-1024x989.png\" alt=\"\" class=\"wp-image-100\" style=\"width:468px;height:451px\" srcset=\"https:\/\/magicul.io\/blog\/wp-content\/uploads\/2023\/05\/xd-sketch-convert-file-1024x989.png 1024w, https:\/\/magicul.io\/blog\/wp-content\/uploads\/2023\/05\/xd-sketch-convert-file-300x290.png 300w, https:\/\/magicul.io\/blog\/wp-content\/uploads\/2023\/05\/xd-sketch-convert-file-768x742.png 768w, https:\/\/magicul.io\/blog\/wp-content\/uploads\/2023\/05\/xd-sketch-convert-file.png 1412w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<p>After paying for my little experiment I could then download the document as a Sketch file.<\/p>\n\n\n\n<figure class=\"wp-block-image aligncenter size-large is-resized\"><img loading=\"lazy\" decoding=\"async\" width=\"918\" height=\"1024\" src=\"https:\/\/magicul.io\/blog\/wp-content\/uploads\/2023\/05\/converted-sketch-file-918x1024.png\" alt=\"\" class=\"wp-image-101\" style=\"width:470px;height:524px\" srcset=\"https:\/\/magicul.io\/blog\/wp-content\/uploads\/2023\/05\/converted-sketch-file-918x1024.png 918w, https:\/\/magicul.io\/blog\/wp-content\/uploads\/2023\/05\/converted-sketch-file-269x300.png 269w, https:\/\/magicul.io\/blog\/wp-content\/uploads\/2023\/05\/converted-sketch-file-768x857.png 768w, https:\/\/magicul.io\/blog\/wp-content\/uploads\/2023\/05\/converted-sketch-file.png 1353w\" sizes=\"auto, (max-width: 918px) 100vw, 918px\" \/><\/figure>\n\n\n\n<p>Then I could import the file into Figma, with the below function on the Figma menu:<\/p>\n\n\n\n<figure class=\"wp-block-image aligncenter size-full is-resized\"><img loading=\"lazy\" decoding=\"async\" width=\"999\" height=\"1015\" src=\"https:\/\/magicul.io\/blog\/wp-content\/uploads\/2023\/05\/import-sketch-into-figma.png\" alt=\"\" class=\"wp-image-102\" style=\"width:459px;height:466px\" srcset=\"https:\/\/magicul.io\/blog\/wp-content\/uploads\/2023\/05\/import-sketch-into-figma.png 999w, https:\/\/magicul.io\/blog\/wp-content\/uploads\/2023\/05\/import-sketch-into-figma-295x300.png 295w, https:\/\/magicul.io\/blog\/wp-content\/uploads\/2023\/05\/import-sketch-into-figma-768x780.png 768w\" sizes=\"auto, (max-width: 999px) 100vw, 999px\" \/><\/figure>\n\n\n\n<p>The upload was completed pretty quickly<\/p>\n\n\n\n<figure class=\"wp-block-image aligncenter size-full is-resized\"><img loading=\"lazy\" decoding=\"async\" width=\"951\" height=\"365\" src=\"https:\/\/magicul.io\/blog\/wp-content\/uploads\/2023\/05\/import-figma-completed.png\" alt=\"\" class=\"wp-image-103\" style=\"width:474px;height:182px\" srcset=\"https:\/\/magicul.io\/blog\/wp-content\/uploads\/2023\/05\/import-figma-completed.png 951w, https:\/\/magicul.io\/blog\/wp-content\/uploads\/2023\/05\/import-figma-completed-300x115.png 300w, https:\/\/magicul.io\/blog\/wp-content\/uploads\/2023\/05\/import-figma-completed-768x295.png 768w\" sizes=\"auto, (max-width: 951px) 100vw, 951px\" \/><\/figure>\n\n\n\n<p>Now let\u2019s see how that went:<\/p>\n\n\n\n<figure class=\"wp-block-image aligncenter size-large is-resized\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"690\" src=\"https:\/\/magicul.io\/blog\/wp-content\/uploads\/2023\/05\/results-magicul-converter-1024x690.png\" alt=\"\" class=\"wp-image-104\" style=\"width:711px;height:478px\" srcset=\"https:\/\/magicul.io\/blog\/wp-content\/uploads\/2023\/05\/results-magicul-converter-1024x690.png 1024w, https:\/\/magicul.io\/blog\/wp-content\/uploads\/2023\/05\/results-magicul-converter-300x202.png 300w, https:\/\/magicul.io\/blog\/wp-content\/uploads\/2023\/05\/results-magicul-converter-768x518.png 768w, https:\/\/magicul.io\/blog\/wp-content\/uploads\/2023\/05\/results-magicul-converter-1536x1036.png 1536w, https:\/\/magicul.io\/blog\/wp-content\/uploads\/2023\/05\/results-magicul-converter.png 1955w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<p>Everything looks pretty good and the file seemed pretty clean upon closer inspection in Figma.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"the-good-1\">The Good<\/h2>\n\n\n\n<ul class=\"wp-block-list\">\n<li>You save a lot of time in the conversion process compared to SVG (plus rework)<\/li>\n\n\n\n<li>Everything was converted, except some symbols<\/li>\n\n\n\n<li>There is very little rework of the file, if any<\/li>\n\n\n\n<li>Artboards keep their original names, so no need to rename\/reorganise them<\/li>\n<\/ul>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"the-bad-1\">The Bad<\/h2>\n\n\n\n<ul class=\"wp-block-list\">\n<li>The product is not free (Pricing can be found&nbsp;<a href=\"https:\/\/magicul.io\/pricing\">here<\/a>). To be honest I am not sure if this is a bad thing at all, especially when it does what it is meant to.<\/li>\n\n\n\n<li>Limited support for symbols or components as of yet (I did contact support and they said it would be added in the coming weeks)<\/li>\n\n\n\n<li>Prototyping features are not kept, but I imagine that this is rather difficult to replicate from platform to platform.<\/li>\n<\/ul>\n\n\n\n<h1 class=\"wp-block-heading\" id=\"final-results-and-thoughts\">Final Results and thoughts<\/h1>\n\n\n\n<p>Now let\u2019s look at them side by side:<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"439\" src=\"https:\/\/magicul.io\/blog\/wp-content\/uploads\/2023\/05\/comparison-xd-to-sketch-1024x439.png\" alt=\"\" class=\"wp-image-105\" srcset=\"https:\/\/magicul.io\/blog\/wp-content\/uploads\/2023\/05\/comparison-xd-to-sketch-1024x439.png 1024w, https:\/\/magicul.io\/blog\/wp-content\/uploads\/2023\/05\/comparison-xd-to-sketch-300x129.png 300w, https:\/\/magicul.io\/blog\/wp-content\/uploads\/2023\/05\/comparison-xd-to-sketch-768x329.png 768w, https:\/\/magicul.io\/blog\/wp-content\/uploads\/2023\/05\/comparison-xd-to-sketch-1536x658.png 1536w, https:\/\/magicul.io\/blog\/wp-content\/uploads\/2023\/05\/comparison-xd-to-sketch.png 2000w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<p>As you can see, there is a clear winner here: Magicul.<\/p>\n\n\n\n<p>Everything has been preserved with minimal rework.<br><br><\/p>\n\n\n\n<p>There isn\u2019t really much more to say, it does what it should with very little work after the fact. Of course there was the minor issue with the symbols, but I will update the post when I check back with Magicul&#8217;s customer service in the next couple of weeks.<\/p>\n\n\n\n<p>Until then, happy converting!<\/p>\n\n\n\n<p>A last question for you all \u2014 What is a great feature that you think is missing from design tools today?<\/p>\n\n\n\n<p>Here is my website:&nbsp;<a href=\"https:\/\/sebastian-tan.com\/\">sebastian-tan.com<\/a><br><br><\/p>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"h-frequently-asked-questions\"><strong>Frequently Asked Questions<\/strong><\/h2>\n\n\n\n<h3 class=\"wp-block-heading\"><strong>Can I transfer XD files to Figma?<\/strong><\/h3>\n\n\n\n<p>Certainly! Transferring XD files to Figma is a common need, especially when collaborating with teams that use different design tools. With <a href=\"https:\/\/magicul.io\/converter\/xd-to-figma\">Magicul&#8217;s XD to Figma converter<\/a>, this task becomes a breeze. Instead of manually recreating designs, users can effortlessly upload their XD files onto the platform. Once uploaded, Magicul swiftly processes the file, ensuring that design elements, layers, and other details remain intact. Once converted, users can download the Figma-compatible file and jump straight into their design workflow, saving both time and effort.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\"><strong>Is Figma easier than Adobe XD?<\/strong><\/h3>\n\n\n\n<p>Ease of use can be subjective, depending largely on one&#8217;s familiarity with design tools. Figma is web-based, making it incredibly accessible from any browser. Its real-time collaboration features are a highlight, enabling designers to work synchronously, regardless of their location. Adobe XD, on the other hand, offers a tight integration with Adobe&#8217;s suite of tools, making it a preferred choice for those already invested in the Adobe ecosystem. Furthermore, Adobe XD offers some unique prototyping and animation capabilities. For those torn between the two, the <a href=\"https:\/\/magicul.io\/blog\">Magicul blog<\/a> provides in-depth comparisons, shedding light on the strengths and weaknesses of each platform.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\"><strong>Do developers prefer XD or Figma?<\/strong><\/h3>\n\n\n\n<p>The debate between XD and Figma is ongoing, with developers often siding based on personal or project-specific preferences. Figma&#8217;s cloud-based architecture is lauded for its collaborative potential, particularly useful for remote teams. In contrast, Adobe XD&#8217;s deep integration with Adobe Cloud can be invaluable for projects that lean heavily on other Adobe software. Regardless of individual preferences, one thing remains clear: the need for seamless conversions. With <a href=\"https:\/\/magicul.io\/solutions\/for-agencies\">Magicul&#8217;s solutions for agencies<\/a>, developers and designers can easily switch between the two, ensuring maximum flexibility.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\"><strong>How do I move a design from XD to Figma?<\/strong><\/h3>\n\n\n\n<p>Transitioning from XD to Figma might seem daunting, but with the right tools, it&#8217;s straightforward. Here&#8217;s a step-by-step process using Magicul:<\/p>\n\n\n\n<ol class=\"wp-block-list\">\n<li><strong>Start with the Source<\/strong>: Before anything, ensure your XD design is finalized and ready for migration.<\/li>\n\n\n\n<li><strong>Use Magicul&#8217;s Converter<\/strong>: Navigate to <a href=\"https:\/\/magicul.io\/converter\/xd-to-figma\">Magicul&#8217;s XD to Figma converter<\/a> and upload your XD file.<\/li>\n\n\n\n<li><strong>Wait for Conversion<\/strong>: Magicul&#8217;s robust algorithms get to work, meticulously converting every detail of your design.<\/li>\n\n\n\n<li><strong>Download &amp; Dive into Figma<\/strong>: Once the conversion finishes, a Figma-ready file is available for download. Import this into Figma, and you&#8217;re set to continue your design journey without missing a beat.<\/li>\n<\/ol>\n\n\n\n<p><\/p>\n\n\n\n<p><a href=\"https:\/\/blog.magicul.io\/author\/kevin\/\"><\/a><\/p>\n","protected":false},"excerpt":{"rendered":"<p>This article originally featured on Medium&#8217;s UX Collective. The link to the original article can be found&nbsp;here. The post was republished here with the permission of the original author. I was recently pondering the state of UX design software and how far it has come in recent times. I originally wanted to write about converting [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":1074,"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":[23,5],"tags":[],"class_list":["post-95","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-figma-guides","category-guides"],"yoast_head":"<!-- This site is optimized with the Yoast SEO Premium plugin v23.0 (Yoast SEO v27.3) - https:\/\/yoast.com\/product\/yoast-seo-premium-wordpress\/ -->\n<title>Convert designs from XD to Figma \u2014 Easy or not? - Magicul Blog<\/title>\n<meta name=\"description\" content=\"Dive into XD vs. Figma comparisons. Explore seamless file transfers with Magicul, understand tool preferences, and master smooth design migrations. Your guide to design tools!\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/medium.com\/@sebastiantan\/moving-designs-from-xd-to-figma-easy-or-not-ed76c93e657c\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Convert designs from XD to Figma \u2014 Easy or not?\" \/>\n<meta property=\"og:description\" content=\"Dive into XD vs. Figma comparisons. Explore seamless file transfers with Magicul, understand tool preferences, and master smooth design migrations. Your guide to design tools!\" \/>\n<meta property=\"og:url\" content=\"https:\/\/medium.com\/@sebastiantan\/moving-designs-from-xd-to-figma-easy-or-not-ed76c93e657c\" \/>\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=\"2020-03-17T14:18:00+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2024-01-15T19:50:57+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/magicul.io\/blog\/wp-content\/uploads\/2024\/01\/convert-designs-from-xd-to-figma-easy-or-not.png\" \/>\n\t<meta property=\"og:image:width\" content=\"1800\" \/>\n\t<meta property=\"og:image:height\" content=\"900\" \/>\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=\"8 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\\\/\\\/medium.com\\\/@sebastiantan\\\/moving-designs-from-xd-to-figma-easy-or-not-ed76c93e657c#article\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/magicul.io\\\/blog\\\/moving-designs-from-xd-to-figma-easy-or-not\"},\"author\":{\"name\":\"Kevin Goedecke\",\"@id\":\"https:\\\/\\\/magicul.io\\\/blog\\\/#\\\/schema\\\/person\\\/f2be27c281d0a90feb9acb12fa49cd4b\"},\"headline\":\"Convert designs from XD to Figma \u2014 Easy or not?\",\"datePublished\":\"2020-03-17T14:18:00+00:00\",\"dateModified\":\"2024-01-15T19:50:57+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\\\/\\\/magicul.io\\\/blog\\\/moving-designs-from-xd-to-figma-easy-or-not\"},\"wordCount\":1429,\"commentCount\":0,\"publisher\":{\"@id\":\"https:\\\/\\\/magicul.io\\\/blog\\\/#organization\"},\"image\":{\"@id\":\"https:\\\/\\\/medium.com\\\/@sebastiantan\\\/moving-designs-from-xd-to-figma-easy-or-not-ed76c93e657c#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/magicul.io\\\/blog\\\/wp-content\\\/uploads\\\/2024\\\/01\\\/convert-designs-from-xd-to-figma-easy-or-not.png\",\"articleSection\":[\"Figma Guides\",\"Guides\"],\"inLanguage\":\"en-US\"},{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/magicul.io\\\/blog\\\/moving-designs-from-xd-to-figma-easy-or-not\",\"url\":\"https:\\\/\\\/medium.com\\\/@sebastiantan\\\/moving-designs-from-xd-to-figma-easy-or-not-ed76c93e657c\",\"name\":\"Convert designs from XD to Figma \u2014 Easy or not? - Magicul Blog\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/magicul.io\\\/blog\\\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\\\/\\\/medium.com\\\/@sebastiantan\\\/moving-designs-from-xd-to-figma-easy-or-not-ed76c93e657c#primaryimage\"},\"image\":{\"@id\":\"https:\\\/\\\/medium.com\\\/@sebastiantan\\\/moving-designs-from-xd-to-figma-easy-or-not-ed76c93e657c#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/magicul.io\\\/blog\\\/wp-content\\\/uploads\\\/2024\\\/01\\\/convert-designs-from-xd-to-figma-easy-or-not.png\",\"datePublished\":\"2020-03-17T14:18:00+00:00\",\"dateModified\":\"2024-01-15T19:50:57+00:00\",\"description\":\"Dive into XD vs. Figma comparisons. Explore seamless file transfers with Magicul, understand tool preferences, and master smooth design migrations. Your guide to design tools!\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/medium.com\\\/@sebastiantan\\\/moving-designs-from-xd-to-figma-easy-or-not-ed76c93e657c#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/medium.com\\\/@sebastiantan\\\/moving-designs-from-xd-to-figma-easy-or-not-ed76c93e657c\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\\\/\\\/medium.com\\\/@sebastiantan\\\/moving-designs-from-xd-to-figma-easy-or-not-ed76c93e657c#primaryimage\",\"url\":\"https:\\\/\\\/magicul.io\\\/blog\\\/wp-content\\\/uploads\\\/2024\\\/01\\\/convert-designs-from-xd-to-figma-easy-or-not.png\",\"contentUrl\":\"https:\\\/\\\/magicul.io\\\/blog\\\/wp-content\\\/uploads\\\/2024\\\/01\\\/convert-designs-from-xd-to-figma-easy-or-not.png\",\"width\":1800,\"height\":900},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/medium.com\\\/@sebastiantan\\\/moving-designs-from-xd-to-figma-easy-or-not-ed76c93e657c#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\\\/\\\/magicul.io\\\/blog\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Convert designs from XD to Figma \u2014 Easy or not?\"}]},{\"@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":"Convert designs from XD to Figma \u2014 Easy or not? - Magicul Blog","description":"Dive into XD vs. Figma comparisons. Explore seamless file transfers with Magicul, understand tool preferences, and master smooth design migrations. Your guide to design tools!","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:\/\/medium.com\/@sebastiantan\/moving-designs-from-xd-to-figma-easy-or-not-ed76c93e657c","og_locale":"en_US","og_type":"article","og_title":"Convert designs from XD to Figma \u2014 Easy or not?","og_description":"Dive into XD vs. Figma comparisons. Explore seamless file transfers with Magicul, understand tool preferences, and master smooth design migrations. Your guide to design tools!","og_url":"https:\/\/medium.com\/@sebastiantan\/moving-designs-from-xd-to-figma-easy-or-not-ed76c93e657c","og_site_name":"Magicul Blog","article_publisher":"https:\/\/www.facebook.com\/magicul.io\/","article_published_time":"2020-03-17T14:18:00+00:00","article_modified_time":"2024-01-15T19:50:57+00:00","og_image":[{"width":1800,"height":900,"url":"https:\/\/magicul.io\/blog\/wp-content\/uploads\/2024\/01\/convert-designs-from-xd-to-figma-easy-or-not.png","type":"image\/png"}],"author":"Kevin Goedecke","twitter_card":"summary_large_image","twitter_misc":{"Written by":"Kevin Goedecke","Est. reading time":"8 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/medium.com\/@sebastiantan\/moving-designs-from-xd-to-figma-easy-or-not-ed76c93e657c#article","isPartOf":{"@id":"https:\/\/magicul.io\/blog\/moving-designs-from-xd-to-figma-easy-or-not"},"author":{"name":"Kevin Goedecke","@id":"https:\/\/magicul.io\/blog\/#\/schema\/person\/f2be27c281d0a90feb9acb12fa49cd4b"},"headline":"Convert designs from XD to Figma \u2014 Easy or not?","datePublished":"2020-03-17T14:18:00+00:00","dateModified":"2024-01-15T19:50:57+00:00","mainEntityOfPage":{"@id":"https:\/\/magicul.io\/blog\/moving-designs-from-xd-to-figma-easy-or-not"},"wordCount":1429,"commentCount":0,"publisher":{"@id":"https:\/\/magicul.io\/blog\/#organization"},"image":{"@id":"https:\/\/medium.com\/@sebastiantan\/moving-designs-from-xd-to-figma-easy-or-not-ed76c93e657c#primaryimage"},"thumbnailUrl":"https:\/\/magicul.io\/blog\/wp-content\/uploads\/2024\/01\/convert-designs-from-xd-to-figma-easy-or-not.png","articleSection":["Figma Guides","Guides"],"inLanguage":"en-US"},{"@type":"WebPage","@id":"https:\/\/magicul.io\/blog\/moving-designs-from-xd-to-figma-easy-or-not","url":"https:\/\/medium.com\/@sebastiantan\/moving-designs-from-xd-to-figma-easy-or-not-ed76c93e657c","name":"Convert designs from XD to Figma \u2014 Easy or not? - Magicul Blog","isPartOf":{"@id":"https:\/\/magicul.io\/blog\/#website"},"primaryImageOfPage":{"@id":"https:\/\/medium.com\/@sebastiantan\/moving-designs-from-xd-to-figma-easy-or-not-ed76c93e657c#primaryimage"},"image":{"@id":"https:\/\/medium.com\/@sebastiantan\/moving-designs-from-xd-to-figma-easy-or-not-ed76c93e657c#primaryimage"},"thumbnailUrl":"https:\/\/magicul.io\/blog\/wp-content\/uploads\/2024\/01\/convert-designs-from-xd-to-figma-easy-or-not.png","datePublished":"2020-03-17T14:18:00+00:00","dateModified":"2024-01-15T19:50:57+00:00","description":"Dive into XD vs. Figma comparisons. Explore seamless file transfers with Magicul, understand tool preferences, and master smooth design migrations. Your guide to design tools!","breadcrumb":{"@id":"https:\/\/medium.com\/@sebastiantan\/moving-designs-from-xd-to-figma-easy-or-not-ed76c93e657c#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/medium.com\/@sebastiantan\/moving-designs-from-xd-to-figma-easy-or-not-ed76c93e657c"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/medium.com\/@sebastiantan\/moving-designs-from-xd-to-figma-easy-or-not-ed76c93e657c#primaryimage","url":"https:\/\/magicul.io\/blog\/wp-content\/uploads\/2024\/01\/convert-designs-from-xd-to-figma-easy-or-not.png","contentUrl":"https:\/\/magicul.io\/blog\/wp-content\/uploads\/2024\/01\/convert-designs-from-xd-to-figma-easy-or-not.png","width":1800,"height":900},{"@type":"BreadcrumbList","@id":"https:\/\/medium.com\/@sebastiantan\/moving-designs-from-xd-to-figma-easy-or-not-ed76c93e657c#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/magicul.io\/blog\/"},{"@type":"ListItem","position":2,"name":"Convert designs from XD to Figma \u2014 Easy or not?"}]},{"@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\/95","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=95"}],"version-history":[{"count":4,"href":"https:\/\/magicul.io\/blog\/wp-json\/wp\/v2\/posts\/95\/revisions"}],"predecessor-version":[{"id":1075,"href":"https:\/\/magicul.io\/blog\/wp-json\/wp\/v2\/posts\/95\/revisions\/1075"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/magicul.io\/blog\/wp-json\/wp\/v2\/media\/1074"}],"wp:attachment":[{"href":"https:\/\/magicul.io\/blog\/wp-json\/wp\/v2\/media?parent=95"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/magicul.io\/blog\/wp-json\/wp\/v2\/categories?post=95"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/magicul.io\/blog\/wp-json\/wp\/v2\/tags?post=95"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}