{"id":39,"date":"2020-04-06T22:04:00","date_gmt":"2020-04-06T22:04:00","guid":{"rendered":"https:\/\/xd-to-sketch-website-git-feature-blog-subd-cd2b20-kevingoedecke.vercel.app\/blog\/?p=39"},"modified":"2023-10-22T12:35:56","modified_gmt":"2023-10-22T12:35:56","slug":"convert-your-xd-designs-to-figma","status":"publish","type":"post","link":"https:\/\/magicul.io\/blog\/convert-your-xd-designs-to-figma","title":{"rendered":"Convert your XD designs to Figma today!"},"content":{"rendered":"\n

Recently we received quite a lot of interest in our converter from XD to Figma<\/a> and it isn\u2019t any wonder why. Figma is a fantastic tool that you can use to create stunning products and websites.<\/p>\n\n\n\n

We are working on an XD to Figma converter, but for now, we have a workaround that you can use to convert your XD files to Figma<\/a> RIGHT NOW!<\/p>\n\n\n\n

We will of course update this article once our direct converter is ready and let you all know about it.<\/p>\n\n\n\n

But for now, enjoy reading about how you can quickly and easily open your XD files in Figma today.
<\/p>\n\n\n\n

<\/div>\n\n\n\n

How does the workaround work<\/h2>\n\n\n\n

It\u2019s simple, we will convert the XD file to Sketch first and then we can import the Sketch file into Figma.<\/p>\n\n\n\n

It\u2019s simple.

1)\u00a0Go to our homepage<\/a>\u00a0to access our converter<\/a> at the top of the page and upload your file<\/p>\n\n\n\n

\"Here
Here you can upload a file<\/figcaption><\/figure>\n\n\n\n

2) Now enter your email address and hit \u201cUPLOAD NOW\u201d<\/p>\n\n\n\n

\"Enter
Enter your email address and you are ready to upload your file<\/figcaption><\/figure>\n\n\n\n

3) The file will take a few seconds to upload:<\/p>\n\n\n\n

\"The
The XD file is being uploaded<\/figcaption><\/figure>\n\n\n\n

4) Click on Convert now to convert everything in your file to a Sketch file<\/p>\n\n\n\n

\"You
You are given a preview of the file and can now begin the final conversion steps<\/figcaption><\/figure>\n\n\n\n

5) Select your plan and select \u201cPay Now\u201d and complete the checkout<\/p>\n\n\n\n

6) Your payment is processed and your file will now be converted.

You can now download your file by clicking the download button on the right of the file. A copy the invoice will be sent to your email address.<\/p>\n\n\n\n


7) Now it’s time to convert your file to Figma.

Go to Figma: Hamburger menu > File > New from Sketch File<\/p>\n\n\n\n

\"Importing
Importing the Sketch file into Figma<\/figcaption><\/figure>\n\n\n\n

Your file will now be imported:<\/p>\n\n\n\n

\"\"
The file being imported into Figma<\/figcaption><\/figure>\n\n\n\n

You can now open your converted file in Figma!<\/p>\n\n\n\n

How to Convert XD Design to Code?<\/h2>\n\n\n\n

Turning your XD design into functional code is an essential step in the modern web development process. Adobe XD, while a powerful design tool, doesn’t directly convert its designs into HTML or CSS. Therefore, if you’re looking to transform your static XD designs into interactive, live websites, understanding the conversion process is crucial.<\/p>\n\n\n\n

XD to HTML Converter Online Free<\/h2>\n\n\n\n

The online landscape offers various tools that can make this conversion more manageable, especially for those who may not have a deep coding background. One of the notable platforms in this space is magicul.io<\/strong>. This platform, in particular, has a specialized XD to Figma converter<\/a> that streamlines the transition between the two design tools. Once your design is in Figma, there are numerous utilities and plugins available to further convert those designs into web-ready formats, thus making the entire process smoother and more efficient.<\/p>\n\n\n\n

How Do I Convert XD to a Website?<\/h2>\n\n\n\n
    \n
  1. Manual Coding<\/strong>: If you possess a solid grounding in web languages like HTML, CSS, and JavaScript, you can opt to manually translate your XD designs into code. While this approach offers the most control over the final output, it can be time-consuming and requires a deep understanding of both design principles and coding best practices.<\/li>\n\n\n\n
  2. Utilize Plugins<\/strong>: Adobe XD, being an industry-standard tool, has an ecosystem of plugins designed to facilitate the transition from design to web. These plugins can automate parts of the conversion process, outputting designs in more web-friendly formats that can be further refined and integrated into your web project.<\/li>\n\n\n\n
  3. Online Converters<\/strong>: As earlier mentioned, online platforms like magicul.io bridge the gap between design and functional websites. After converting XD designs to Figma, you can employ various Figma-to-HTML tools to generate usable code for your website.<\/li>\n<\/ol>\n\n\n\n

    After executing any of the methods above, it’s paramount to thoroughly review your converted designs in a live web environment. Test across various devices, screen sizes, and browsers to ensure the design’s integrity, responsiveness, and functionality remain consistent with your original vision.<\/p>\n\n\n\n

    <\/p>\n\n\n\n

    Can I transfer XD files to Figma?<\/strong><\/h3>\n\n\n\n

    Certainly! Transferring XD files to Figma is a common need, especially when collaborating with teams that use different design tools. With Magicul’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

    Is Figma easier than Adobe XD?<\/strong><\/h3>\n\n\n\n

    Ease of use can be subjective, depending largely on one’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’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 Magicul blog<\/a> provides in-depth comparisons, shedding light on the strengths and weaknesses of each platform.<\/p>\n\n\n\n

    Do developers prefer XD or Figma?<\/strong><\/h3>\n\n\n\n

    The debate between XD and Figma is ongoing, with developers often siding based on personal or project-specific preferences. Figma’s cloud-based architecture is lauded for its collaborative potential, particularly useful for remote teams. In contrast, Adobe XD’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 Magicul’s solutions for agencies<\/a>, developers and designers can easily switch between the two, ensuring maximum flexibility.<\/p>\n\n\n\n

    How do I move a design from XD to Figma?<\/strong><\/h3>\n\n\n\n

    Transitioning from XD to Figma might seem daunting, but with the right tools, it’s straightforward. Here’s a step-by-step process using Magicul:<\/p>\n\n\n\n

      \n
    1. Start with the Source<\/strong>: Before anything, ensure your XD design is finalized and ready for migration.<\/li>\n\n\n\n
    2. Use Magicul’s Converter<\/strong>: Navigate to Magicul’s XD to Figma converter<\/a> and upload your XD file.<\/li>\n\n\n\n
    3. Wait for Conversion<\/strong>: Magicul’s robust algorithms get to work, meticulously converting every detail of your design.<\/li>\n\n\n\n
    4. Download & Dive into Figma<\/strong>: Once the conversion finishes, a Figma-ready file is available for download. Import this into Figma, and you’re set to continue your design journey without missing a beat.<\/li>\n<\/ol>\n\n\n\n

      <\/p>\n\n\n\n

      What is Figma design used for?<\/strong><\/h2>\n\n\n\n

      Figma is an online design tool used by designers everywhere to create digital designs, such as websites and apps. Its top feature? Real-time collaboration. Designers can work together on a project, no matter where they are. It also supports vector graphics for easy design edits without losing quality. Figma’s tools, like prototyping, help designers make interactive mockups. To make designs even more versatile, use Magicul’s Figma converters<\/a>.<\/p>\n\n\n\n

      \n\n\n\n

      Should I learn Figma or Adobe XD?<\/strong><\/h2>\n\n\n\n

      Choosing Figma or Adobe XD<\/a> depends on what you need. Figma works online, great for team collaboration, especially if you’re working from different places. Adobe XD, however, fits nicely with other Adobe tools, like Photoshop. Both have helpful resources for learners. If team projects are common for you, Figma might be better. But if you’re an Adobe fan, go for XD. Want to switch between them? Try Magicul’s converters<\/a>.<\/p>\n\n\n\n

      \n\n\n\n

      What is Figma in UX design?<\/strong><\/h2>\n\n\n\n

      In UX design, Figma is a favourite. UX design is about making products easy and fun to use. Figma provides tools for this, from wireframes to detailed prototypes. Its live collaboration helps UX teams work together, and refine, and test designs. With features like auto-layout, Figma designs work well on all devices. Need more design tools? Check out Magicul’s solutions<\/a>.<\/p>\n\n\n\n

      Get started now<\/h2>\n\n\n\n

      To start the process now, go to our site<\/a> and you can start converting right now!<\/p>\n\n\n\n

      We are offering an Easter 20% off special that will expire on the 13th of April 2020.<\/p>\n\n\n\n

      Just use the code: EASTER20<\/strong><\/p>\n\n\n\n

      <\/p>\n\n\n\n

      If you have any issues, please email us on support@xd2sketch.com<\/a> or via Drift on our homepage and we will help fix the issue as soon as possible.<\/p>\n","protected":false},"excerpt":{"rendered":"

      Recently we received quite a lot of interest in our converter from XD to Figma and it isn\u2019t any wonder why. Figma is a fantastic tool that you can use to create stunning products and websites. We are working on an XD to Figma converter, but for now, we have a workaround that you can […]<\/p>\n","protected":false},"author":1,"featured_media":45,"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-39","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-figma-guides","category-guides"],"yoast_head":"\nConvert your XD designs to Figma today! - Magicul Blog<\/title>\n<meta name=\"description\" content=\"Unveil Figma's prowess in digital design, weigh Figma against Adobe XD, and uncover Figma's impact on UX design. An essential read for aspiring and expert designers alike!\" \/>\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\/convert-your-xd-designs-to-figma\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Convert your XD designs to Figma today!\" \/>\n<meta property=\"og:description\" content=\"Unveil Figma's prowess in digital design, weigh Figma against Adobe XD, and uncover Figma's impact on UX design. An essential read for aspiring and expert designers alike!\" \/>\n<meta property=\"og:url\" content=\"https:\/\/magicul.io\/blog\/convert-your-xd-designs-to-figma\" \/>\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-04-06T22:04:00+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2023-10-22T12:35:56+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/magicul.io\/blog\/wp-content\/uploads\/2023\/05\/how-to-xd-to-figma.jpg\" \/>\n\t<meta property=\"og:image:width\" content=\"1920\" \/>\n\t<meta property=\"og:image:height\" content=\"1080\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/jpeg\" \/>\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:\\\/\\\/magicul.io\\\/blog\\\/convert-your-xd-designs-to-figma#article\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/magicul.io\\\/blog\\\/convert-your-xd-designs-to-figma\"},\"author\":{\"name\":\"Kevin Goedecke\",\"@id\":\"https:\\\/\\\/magicul.io\\\/blog\\\/#\\\/schema\\\/person\\\/f2be27c281d0a90feb9acb12fa49cd4b\"},\"headline\":\"Convert your XD designs to Figma today!\",\"datePublished\":\"2020-04-06T22:04:00+00:00\",\"dateModified\":\"2023-10-22T12:35:56+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\\\/\\\/magicul.io\\\/blog\\\/convert-your-xd-designs-to-figma\"},\"wordCount\":1355,\"commentCount\":0,\"publisher\":{\"@id\":\"https:\\\/\\\/magicul.io\\\/blog\\\/#organization\"},\"image\":{\"@id\":\"https:\\\/\\\/magicul.io\\\/blog\\\/convert-your-xd-designs-to-figma#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/magicul.io\\\/blog\\\/wp-content\\\/uploads\\\/2023\\\/05\\\/how-to-xd-to-figma.jpg\",\"articleSection\":[\"Figma Guides\",\"Guides\"],\"inLanguage\":\"en-US\"},{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/magicul.io\\\/blog\\\/convert-your-xd-designs-to-figma\",\"url\":\"https:\\\/\\\/magicul.io\\\/blog\\\/convert-your-xd-designs-to-figma\",\"name\":\"Convert your XD designs to Figma today! - Magicul Blog\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/magicul.io\\\/blog\\\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\\\/\\\/magicul.io\\\/blog\\\/convert-your-xd-designs-to-figma#primaryimage\"},\"image\":{\"@id\":\"https:\\\/\\\/magicul.io\\\/blog\\\/convert-your-xd-designs-to-figma#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/magicul.io\\\/blog\\\/wp-content\\\/uploads\\\/2023\\\/05\\\/how-to-xd-to-figma.jpg\",\"datePublished\":\"2020-04-06T22:04:00+00:00\",\"dateModified\":\"2023-10-22T12:35:56+00:00\",\"description\":\"Unveil Figma's prowess in digital design, weigh Figma against Adobe XD, and uncover Figma's impact on UX design. An essential read for aspiring and expert designers alike!\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/magicul.io\\\/blog\\\/convert-your-xd-designs-to-figma#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/magicul.io\\\/blog\\\/convert-your-xd-designs-to-figma\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\\\/\\\/magicul.io\\\/blog\\\/convert-your-xd-designs-to-figma#primaryimage\",\"url\":\"https:\\\/\\\/magicul.io\\\/blog\\\/wp-content\\\/uploads\\\/2023\\\/05\\\/how-to-xd-to-figma.jpg\",\"contentUrl\":\"https:\\\/\\\/magicul.io\\\/blog\\\/wp-content\\\/uploads\\\/2023\\\/05\\\/how-to-xd-to-figma.jpg\",\"width\":1920,\"height\":1080,\"caption\":\"XD to Figma How To\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/magicul.io\\\/blog\\\/convert-your-xd-designs-to-figma#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\\\/\\\/magicul.io\\\/blog\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Convert your XD designs to Figma today!\"}]},{\"@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 & 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 your XD designs to Figma today! - Magicul Blog","description":"Unveil Figma's prowess in digital design, weigh Figma against Adobe XD, and uncover Figma's impact on UX design. An essential read for aspiring and expert designers alike!","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\/convert-your-xd-designs-to-figma","og_locale":"en_US","og_type":"article","og_title":"Convert your XD designs to Figma today!","og_description":"Unveil Figma's prowess in digital design, weigh Figma against Adobe XD, and uncover Figma's impact on UX design. An essential read for aspiring and expert designers alike!","og_url":"https:\/\/magicul.io\/blog\/convert-your-xd-designs-to-figma","og_site_name":"Magicul Blog","article_publisher":"https:\/\/www.facebook.com\/magicul.io\/","article_published_time":"2020-04-06T22:04:00+00:00","article_modified_time":"2023-10-22T12:35:56+00:00","og_image":[{"width":1920,"height":1080,"url":"https:\/\/magicul.io\/blog\/wp-content\/uploads\/2023\/05\/how-to-xd-to-figma.jpg","type":"image\/jpeg"}],"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:\/\/magicul.io\/blog\/convert-your-xd-designs-to-figma#article","isPartOf":{"@id":"https:\/\/magicul.io\/blog\/convert-your-xd-designs-to-figma"},"author":{"name":"Kevin Goedecke","@id":"https:\/\/magicul.io\/blog\/#\/schema\/person\/f2be27c281d0a90feb9acb12fa49cd4b"},"headline":"Convert your XD designs to Figma today!","datePublished":"2020-04-06T22:04:00+00:00","dateModified":"2023-10-22T12:35:56+00:00","mainEntityOfPage":{"@id":"https:\/\/magicul.io\/blog\/convert-your-xd-designs-to-figma"},"wordCount":1355,"commentCount":0,"publisher":{"@id":"https:\/\/magicul.io\/blog\/#organization"},"image":{"@id":"https:\/\/magicul.io\/blog\/convert-your-xd-designs-to-figma#primaryimage"},"thumbnailUrl":"https:\/\/magicul.io\/blog\/wp-content\/uploads\/2023\/05\/how-to-xd-to-figma.jpg","articleSection":["Figma Guides","Guides"],"inLanguage":"en-US"},{"@type":"WebPage","@id":"https:\/\/magicul.io\/blog\/convert-your-xd-designs-to-figma","url":"https:\/\/magicul.io\/blog\/convert-your-xd-designs-to-figma","name":"Convert your XD designs to Figma today! - Magicul Blog","isPartOf":{"@id":"https:\/\/magicul.io\/blog\/#website"},"primaryImageOfPage":{"@id":"https:\/\/magicul.io\/blog\/convert-your-xd-designs-to-figma#primaryimage"},"image":{"@id":"https:\/\/magicul.io\/blog\/convert-your-xd-designs-to-figma#primaryimage"},"thumbnailUrl":"https:\/\/magicul.io\/blog\/wp-content\/uploads\/2023\/05\/how-to-xd-to-figma.jpg","datePublished":"2020-04-06T22:04:00+00:00","dateModified":"2023-10-22T12:35:56+00:00","description":"Unveil Figma's prowess in digital design, weigh Figma against Adobe XD, and uncover Figma's impact on UX design. An essential read for aspiring and expert designers alike!","breadcrumb":{"@id":"https:\/\/magicul.io\/blog\/convert-your-xd-designs-to-figma#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/magicul.io\/blog\/convert-your-xd-designs-to-figma"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/magicul.io\/blog\/convert-your-xd-designs-to-figma#primaryimage","url":"https:\/\/magicul.io\/blog\/wp-content\/uploads\/2023\/05\/how-to-xd-to-figma.jpg","contentUrl":"https:\/\/magicul.io\/blog\/wp-content\/uploads\/2023\/05\/how-to-xd-to-figma.jpg","width":1920,"height":1080,"caption":"XD to Figma How To"},{"@type":"BreadcrumbList","@id":"https:\/\/magicul.io\/blog\/convert-your-xd-designs-to-figma#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/magicul.io\/blog\/"},{"@type":"ListItem","position":2,"name":"Convert your XD designs to Figma today!"}]},{"@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 & 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\/39","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=39"}],"version-history":[{"count":15,"href":"https:\/\/magicul.io\/blog\/wp-json\/wp\/v2\/posts\/39\/revisions"}],"predecessor-version":[{"id":943,"href":"https:\/\/magicul.io\/blog\/wp-json\/wp\/v2\/posts\/39\/revisions\/943"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/magicul.io\/blog\/wp-json\/wp\/v2\/media\/45"}],"wp:attachment":[{"href":"https:\/\/magicul.io\/blog\/wp-json\/wp\/v2\/media?parent=39"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/magicul.io\/blog\/wp-json\/wp\/v2\/categories?post=39"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/magicul.io\/blog\/wp-json\/wp\/v2\/tags?post=39"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}