{"id":3093,"date":"2021-03-12T14:09:00","date_gmt":"2021-03-12T14:09:00","guid":{"rendered":"https:\/\/www.wendyzhou.se\/blog\/?p=3093"},"modified":"2021-03-13T13:09:12","modified_gmt":"2021-03-13T13:09:12","slug":"how-to-import-sketch-to-figma","status":"publish","type":"post","link":"https:\/\/www.wendyzhou.se\/blog\/how-to-import-sketch-to-figma\/","title":{"rendered":"How to Import Sketch to Figma? &#8211; Figma Tutorial"},"content":{"rendered":"\n<p class=\"wp-block-paragraph\">Sketch and Figma are two of the <a href=\"https:\/\/www.wendyzhou.se\/blog\/ux-ui-design-programs-and-applications\/\">most popular UX and UI design tools<\/a> right now. For different reasons, you may want to import Sketch files to Figma (or vice versa). Here&#8217;s a tutorial on how to import Sketch to Figma.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">I have written the tutorial both in text and made a <a href=\"http:\/\/www.youtube.com\/watch?v=YxC_0G310oM\">YouTube video<\/a>.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">How to import Sketch files in Figma<\/h2>\n\n\n\n<figure class=\"wp-block-embed is-type-video is-provider-youtube wp-block-embed-youtube wp-embed-aspect-16-9 wp-has-aspect-ratio\"><div class=\"wp-block-embed__wrapper\">\nhttps:\/\/www.youtube.com\/watch?v=YxC_0G310oM\n<\/div><figcaption>How to Import Sketch to Figma<\/figcaption><\/figure>\n\n\n\n<h3 class=\"wp-block-heading\">Step-by-step guide<\/h3>\n\n\n\n<ol class=\"wp-block-list\"><li>Save your Sketch file (somewhere on your computer that you can find)<\/li><li>Open Figma <\/li><li>Click on the &#8220;Import&#8221; button on the top right corner (see picture below)<\/li><li>Choose your Sketch file<\/li><li>Done!<\/li><\/ol>\n\n\n\n<figure class=\"wp-block-image\"><img decoding=\"async\" src=\"https:\/\/www.wendyzhou.se\/blog\/wp-content\/uploads\/2020\/12\/Screenshot-2020-12-16-at-21.24.33-1024x306.png\" alt=\"This image has an empty alt attribute; its file name is Screenshot-2020-12-16-at-21.24.33-1024x306.png\"\/><\/figure>\n\n\n\n<h2 class=\"wp-block-heading\">Possible problems<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">Sketch and Figma are both UX\/UI design tools. So, they both allow you to <strong>create vector shapes<\/strong> and<strong> combine them into groups and layers<\/strong>. This allows you to create UI design mockups, illustrations, and more.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">You <em>can<\/em> import and export files between the two programs since they are so similar<\/p>\n\n\n\n<p class=\"has-vivid-red-color has-text-color wp-block-paragraph\"><strong>However, they still different programs. So some things, such as complex symbols, can turn out differently between the programs. But most of the time, it works without a problem.<\/strong><\/p>\n\n\n\n<p class=\"wp-block-paragraph\">The most common problems I encounter is that grouped elements are recognised as &#8220;Frames&#8221; in Figma, and I need to go back manually to change it.<\/p>\n\n\n\n<hr class=\"wp-block-separator\"\/>\n\n\n\n<p class=\"wp-block-paragraph\">I hoped this tutorial helped you! <\/p>\n\n\n\n<p class=\"wp-block-paragraph\">If you&#8217;d like to see more similar tutorials, feel free to contact me. My email is wendyzhou.design@gmail.com, and I also frequently check DM&#8217;s on my <a href=\"https:\/\/www.instagram.com\/wendy.design\/\">Instagram<\/a>.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Do you want to read more?<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">Here are a few of my other similar articles<\/p>\n\n\n\n<ul class=\"wp-block-list\"><li><a href=\"https:\/\/www.wendyzhou.se\/blog\/how-to-create-a-3d-object-in-after-effects\/\">How to create a 3D object in After Effects<\/a><\/li><li><a href=\"https:\/\/www.wendyzhou.se\/blog\/dark-light-form-ui-design-designing-good-form-ux\/\">How to Create Good Forms UX\/UI Design<\/a><\/li><li><a href=\"https:\/\/www.wendyzhou.se\/blog\/ux-ui-design-programs-and-applications\/\">The 6 Best UX\/UI Design Tools for 2021<\/a><\/li><\/ul>\n","protected":false},"excerpt":{"rendered":"<p>Sketch and Figma are two of the most popular UX and UI design tools right now. Here&#8217;s a tutorial on how to import Sketch to Figma.<\/p>\n","protected":false},"author":1,"featured_media":3868,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_uag_custom_page_level_css":"","footnotes":""},"categories":[166,175,6],"tags":[],"class_list":["post-3093","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-tutorials","category-ui-design","category-ux-and-ui-design","entry","has-media"],"gutentor_comment":0,"uagb_featured_image_src":{"full":["https:\/\/www.wendyzhou.se\/blog\/wp-content\/uploads\/2020\/12\/how-to-import-sketch-to-figma.png",1280,720,false],"thumbnail":["https:\/\/www.wendyzhou.se\/blog\/wp-content\/uploads\/2020\/12\/how-to-import-sketch-to-figma-150x150.png",150,150,true],"medium":["https:\/\/www.wendyzhou.se\/blog\/wp-content\/uploads\/2020\/12\/how-to-import-sketch-to-figma-300x169.png",300,169,true],"medium_large":["https:\/\/www.wendyzhou.se\/blog\/wp-content\/uploads\/2020\/12\/how-to-import-sketch-to-figma-768x432.png",768,432,true],"large":["https:\/\/www.wendyzhou.se\/blog\/wp-content\/uploads\/2020\/12\/how-to-import-sketch-to-figma-1024x576.png",1024,576,true],"1536x1536":["https:\/\/www.wendyzhou.se\/blog\/wp-content\/uploads\/2020\/12\/how-to-import-sketch-to-figma.png",1280,720,false],"2048x2048":["https:\/\/www.wendyzhou.se\/blog\/wp-content\/uploads\/2020\/12\/how-to-import-sketch-to-figma.png",1280,720,false],"ocean-thumb-m":["https:\/\/www.wendyzhou.se\/blog\/wp-content\/uploads\/2020\/12\/how-to-import-sketch-to-figma.png",600,338,false],"ocean-thumb-ml":["https:\/\/www.wendyzhou.se\/blog\/wp-content\/uploads\/2020\/12\/how-to-import-sketch-to-figma.png",800,450,false],"ocean-thumb-l":["https:\/\/www.wendyzhou.se\/blog\/wp-content\/uploads\/2020\/12\/how-to-import-sketch-to-figma.png",1200,675,false]},"uagb_author_info":{"display_name":"Wendy Zhou","author_link":"https:\/\/www.wendyzhou.se\/blog\/author\/wendy1111live-se\/"},"uagb_comment_info":0,"uagb_excerpt":"Sketch and Figma are two of the most popular UX and UI design tools right now. Here's a tutorial on how to import Sketch to Figma.","_links":{"self":[{"href":"https:\/\/www.wendyzhou.se\/blog\/wp-json\/wp\/v2\/posts\/3093","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.wendyzhou.se\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.wendyzhou.se\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.wendyzhou.se\/blog\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.wendyzhou.se\/blog\/wp-json\/wp\/v2\/comments?post=3093"}],"version-history":[{"count":4,"href":"https:\/\/www.wendyzhou.se\/blog\/wp-json\/wp\/v2\/posts\/3093\/revisions"}],"predecessor-version":[{"id":4655,"href":"https:\/\/www.wendyzhou.se\/blog\/wp-json\/wp\/v2\/posts\/3093\/revisions\/4655"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.wendyzhou.se\/blog\/wp-json\/wp\/v2\/media\/3868"}],"wp:attachment":[{"href":"https:\/\/www.wendyzhou.se\/blog\/wp-json\/wp\/v2\/media?parent=3093"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.wendyzhou.se\/blog\/wp-json\/wp\/v2\/categories?post=3093"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.wendyzhou.se\/blog\/wp-json\/wp\/v2\/tags?post=3093"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}