{"id":1981,"date":"2022-05-12T22:28:12","date_gmt":"2022-05-12T20:28:12","guid":{"rendered":"https:\/\/sketch2react.io\/blog\/?p=1981"},"modified":"2022-05-13T12:33:34","modified_gmt":"2022-05-13T10:33:34","slug":"how-to-go-from-figma-to-sketch-file-format","status":"publish","type":"post","link":"https:\/\/sketch2react.io\/blog\/how-to-go-from-figma-to-sketch-file-format\/","title":{"rendered":"How to go from Figma to Sketch file format"},"content":{"rendered":"\r\n<div class=\"boldgrid-section\">\r\n<div class=\"container\">\r\n<div class=\"row\">\r\n<div class=\"col-lg-12 col-md-12 col-xs-12 col-sm-12\">\r\n<p>Here\u2019s a real scenario that we recently encountered ourselves while having a chit-chat with a fellow entrepreneur friend of Team Sketch2React.<\/p>\r\n<p class=\"\"><strong>Two founders. <\/strong>One has design skills and have designed the app that they want to pitch for getting funded. They have a friend who is an iOS developer who has promised to help out, at least build a simple version of the app.<\/p>\r\n<p class=\"\">Now it turns out he\u2019s extremely busy and will probably never have the time to help out the two bootstrapping founders, who by now are pretty stressed out.<\/p>\r\n<figure id=\"attachment_1986\" aria-describedby=\"caption-attachment-1986\" style=\"width: 2809px\" class=\"wp-caption aligncenter\"><a href=\"https:\/\/sketch2react.io\/blog\/wp-content\/uploads\/2022\/05\/Sketch2ReactAssets.png\"><img loading=\"lazy\" decoding=\"async\" class=\"size-full wp-image-1986\" src=\"https:\/\/sketch2react.io\/blog\/wp-content\/uploads\/2022\/05\/Sketch2ReactAssets.png\" alt=\"\" width=\"2809\" height=\"1604\" srcset=\"https:\/\/sketch2react.io\/blog\/wp-content\/uploads\/2022\/05\/Sketch2ReactAssets.png 2809w, https:\/\/sketch2react.io\/blog\/wp-content\/uploads\/2022\/05\/Sketch2ReactAssets-300x171.png 300w, https:\/\/sketch2react.io\/blog\/wp-content\/uploads\/2022\/05\/Sketch2ReactAssets-1024x585.png 1024w, https:\/\/sketch2react.io\/blog\/wp-content\/uploads\/2022\/05\/Sketch2ReactAssets-768x439.png 768w, https:\/\/sketch2react.io\/blog\/wp-content\/uploads\/2022\/05\/Sketch2ReactAssets-1536x877.png 1536w, https:\/\/sketch2react.io\/blog\/wp-content\/uploads\/2022\/05\/Sketch2ReactAssets-2048x1169.png 2048w, https:\/\/sketch2react.io\/blog\/wp-content\/uploads\/2022\/05\/Sketch2ReactAssets-250x143.png 250w, https:\/\/sketch2react.io\/blog\/wp-content\/uploads\/2022\/05\/Sketch2ReactAssets-550x314.png 550w, https:\/\/sketch2react.io\/blog\/wp-content\/uploads\/2022\/05\/Sketch2ReactAssets-800x457.png 800w, https:\/\/sketch2react.io\/blog\/wp-content\/uploads\/2022\/05\/Sketch2ReactAssets-315x180.png 315w, https:\/\/sketch2react.io\/blog\/wp-content\/uploads\/2022\/05\/Sketch2ReactAssets-525x300.png 525w, https:\/\/sketch2react.io\/blog\/wp-content\/uploads\/2022\/05\/Sketch2ReactAssets-876x500.png 876w\" sizes=\"auto, (max-width: 2809px) 100vw, 2809px\" \/><\/a><figcaption id=\"caption-attachment-1986\" class=\"wp-caption-text\">All of Team Sketch2React&#8217;s blog, product and tutorial imagery gets created in Figma.<\/figcaption><\/figure>\r\n<p class=\"\"><strong>The app is designed in Figma. <\/strong>They would rather not show a Figma prototype, for completely understandable reasons.<\/p>\r\n<p class=\"\">They now have a problem that can easily be resolved by using <a href=\"https:\/\/sketch.com\/\" target=\"_blank\" rel=\"noopener\">Sketch<\/a> or<a href=\"https:\/\/icons8.com\/lunacy\" target=\"_blank\" rel=\"noopener\"> Icons8 Lunacy<\/a> together with <a href=\"https:\/\/marketplace.sketch2react.io\/product\/marcode\/\" target=\"_blank\" rel=\"noopener\">Marcode<\/a> app.<\/p>\r\n<p class=\"\">Let\u2019s look at our options for doing this as cheap and easy as possible, two factors any decent founder always has in mind, trust me, we know a thing or two about bootstrapping.<\/p>\r\n<h2>Option 1 \u2013 Redesign the app from scratch<\/h2>\r\n<p class=\"\">Depending on how complex your app is and how much time you have, rebuilding from scratch, will always be an excellent alternative. Why? Instead of importing design assets from Figma, you redraw them and make use of all the powers Sketch offers you.<\/p>\r\n<figure id=\"attachment_1987\" aria-describedby=\"caption-attachment-1987\" style=\"width: 1581px\" class=\"wp-caption aligncenter\"><a href=\"https:\/\/sketch2react.io\/blog\/wp-content\/uploads\/2022\/05\/avocode.png\"><img loading=\"lazy\" decoding=\"async\" class=\"size-full wp-image-1987\" src=\"https:\/\/sketch2react.io\/blog\/wp-content\/uploads\/2022\/05\/avocode.png\" alt=\"\" width=\"1581\" height=\"1009\" srcset=\"https:\/\/sketch2react.io\/blog\/wp-content\/uploads\/2022\/05\/avocode.png 1581w, https:\/\/sketch2react.io\/blog\/wp-content\/uploads\/2022\/05\/avocode-300x191.png 300w, https:\/\/sketch2react.io\/blog\/wp-content\/uploads\/2022\/05\/avocode-1024x654.png 1024w, https:\/\/sketch2react.io\/blog\/wp-content\/uploads\/2022\/05\/avocode-768x490.png 768w, https:\/\/sketch2react.io\/blog\/wp-content\/uploads\/2022\/05\/avocode-1536x980.png 1536w, https:\/\/sketch2react.io\/blog\/wp-content\/uploads\/2022\/05\/avocode-250x160.png 250w, https:\/\/sketch2react.io\/blog\/wp-content\/uploads\/2022\/05\/avocode-550x351.png 550w, https:\/\/sketch2react.io\/blog\/wp-content\/uploads\/2022\/05\/avocode-800x511.png 800w, https:\/\/sketch2react.io\/blog\/wp-content\/uploads\/2022\/05\/avocode-282x180.png 282w, https:\/\/sketch2react.io\/blog\/wp-content\/uploads\/2022\/05\/avocode-470x300.png 470w, https:\/\/sketch2react.io\/blog\/wp-content\/uploads\/2022\/05\/avocode-783x500.png 783w\" sizes=\"auto, (max-width: 1581px) 100vw, 1581px\" \/><\/a><figcaption id=\"caption-attachment-1987\" class=\"wp-caption-text\">Avocode is great!<\/figcaption><\/figure>\r\n<h2 class=\"\">Option 2 \u2013 Use a converter plugin<\/h2>\r\n<p class=\"\">Now, this part is ehh \u201dheavily inspired\u201d by this <a href=\"https:\/\/blog.icons8.com\/articles\/how-to-migrate-from-figma-to-lunacy\/\" target=\"_blank\" rel=\"noopener\">mighty fine article<\/a>.<\/p>\r\n<p>Time is short, and you have far too many things on your sm\u00f6rg\u00e5sbord that is <em>Your Life<\/em>. What is there that can save you plenty of precious seconds? Let\u2019s look at the converters available in the market today.<\/p>\r\n<ol class=\"\" style=\"padding: 0px 0px 16px 40px;\">\r\n<li><a href=\"https:\/\/www.figma.com\/community\/plugin\/849159306117999028\/Convertify-Figma-to-Sketch%2FXD\" target=\"_blank\" rel=\"noopener\">Convertify<\/a> is a Figma plugin that we have used ourselves, with pretty great <a href=\"https:\/\/code.sketch2react.io\/showcases\/#prototype-app\">results<\/a>. The 10 first conversions are free, thereafter, it gets a bit pricey, but hey who are we to be judging?<\/li>\r\n<li><a href=\"https:\/\/avocode.com\/convert-figma-to-sketch\" target=\"_blank\" rel=\"noopener\">Avocode<\/a> is a great service that you can do plenty of neat things with. They also have a free online Figma to Sketch converter. Huzzah!<\/li>\r\n<\/ol>\r\n<figure id=\"attachment_1988\" aria-describedby=\"caption-attachment-1988\" style=\"width: 2809px\" class=\"wp-caption aligncenter\"><a href=\"https:\/\/sketch2react.io\/blog\/wp-content\/uploads\/2022\/05\/Copy-as-SVGs-Figma.png\"><img loading=\"lazy\" decoding=\"async\" class=\"size-full wp-image-1988\" src=\"https:\/\/sketch2react.io\/blog\/wp-content\/uploads\/2022\/05\/Copy-as-SVGs-Figma.png\" alt=\"\" width=\"2809\" height=\"1604\" srcset=\"https:\/\/sketch2react.io\/blog\/wp-content\/uploads\/2022\/05\/Copy-as-SVGs-Figma.png 2809w, https:\/\/sketch2react.io\/blog\/wp-content\/uploads\/2022\/05\/Copy-as-SVGs-Figma-300x171.png 300w, https:\/\/sketch2react.io\/blog\/wp-content\/uploads\/2022\/05\/Copy-as-SVGs-Figma-1024x585.png 1024w, https:\/\/sketch2react.io\/blog\/wp-content\/uploads\/2022\/05\/Copy-as-SVGs-Figma-768x439.png 768w, https:\/\/sketch2react.io\/blog\/wp-content\/uploads\/2022\/05\/Copy-as-SVGs-Figma-1536x877.png 1536w, https:\/\/sketch2react.io\/blog\/wp-content\/uploads\/2022\/05\/Copy-as-SVGs-Figma-2048x1169.png 2048w, https:\/\/sketch2react.io\/blog\/wp-content\/uploads\/2022\/05\/Copy-as-SVGs-Figma-250x143.png 250w, https:\/\/sketch2react.io\/blog\/wp-content\/uploads\/2022\/05\/Copy-as-SVGs-Figma-550x314.png 550w, https:\/\/sketch2react.io\/blog\/wp-content\/uploads\/2022\/05\/Copy-as-SVGs-Figma-800x457.png 800w, https:\/\/sketch2react.io\/blog\/wp-content\/uploads\/2022\/05\/Copy-as-SVGs-Figma-315x180.png 315w, https:\/\/sketch2react.io\/blog\/wp-content\/uploads\/2022\/05\/Copy-as-SVGs-Figma-525x300.png 525w, https:\/\/sketch2react.io\/blog\/wp-content\/uploads\/2022\/05\/Copy-as-SVGs-Figma-876x500.png 876w\" sizes=\"auto, (max-width: 2809px) 100vw, 2809px\" \/><\/a><figcaption id=\"caption-attachment-1988\" class=\"wp-caption-text\">Just right-click in Figma and do this \ud83d\udc46\ud83e\udd16<\/figcaption><\/figure>\r\n<h2 class=\"\">Option 3 \u2013 Exporting designed sections as SVG files<\/h2>\r\n<p class=\"\">The results of this technique will depend on how complex your design file in Figma is. If you are using a clean, <a href=\"https:\/\/www.masterclass.com\/articles\/flat-design-explained#flat-design-vs-material-design-vs-skeuomorphic-design\" target=\"_blank\" rel=\"noopener\">Flat Design Style,<\/a> you will be happy as a fish in the water with the exported results. If your app has one million blur effects on everything from buttons to background layers, you will start crying. On the other hand, why would you have one million blurred layers anyway?<\/p>\r\n<p class=\"\">You could also split things up by exporting all the clean UI elements as SVG files and then the over complex ones as PNG files. Easy-peasy.<\/p>\r\n<figure id=\"attachment_1891\" aria-describedby=\"caption-attachment-1891\" style=\"width: 1935px\" class=\"wp-caption aligncenter\"><a href=\"https:\/\/sketch2react.io\/blog\/wp-content\/uploads\/2022\/04\/Showcase-UI-App-Prototype-1.png\"><img loading=\"lazy\" decoding=\"async\" class=\"size-full wp-image-1891\" src=\"https:\/\/sketch2react.io\/blog\/wp-content\/uploads\/2022\/04\/Showcase-UI-App-Prototype-1.png\" alt=\"\" width=\"1935\" height=\"1220\" srcset=\"https:\/\/sketch2react.io\/blog\/wp-content\/uploads\/2022\/04\/Showcase-UI-App-Prototype-1.png 1935w, https:\/\/sketch2react.io\/blog\/wp-content\/uploads\/2022\/04\/Showcase-UI-App-Prototype-1-300x189.png 300w, https:\/\/sketch2react.io\/blog\/wp-content\/uploads\/2022\/04\/Showcase-UI-App-Prototype-1-1024x646.png 1024w, https:\/\/sketch2react.io\/blog\/wp-content\/uploads\/2022\/04\/Showcase-UI-App-Prototype-1-768x484.png 768w, https:\/\/sketch2react.io\/blog\/wp-content\/uploads\/2022\/04\/Showcase-UI-App-Prototype-1-1536x968.png 1536w, https:\/\/sketch2react.io\/blog\/wp-content\/uploads\/2022\/04\/Showcase-UI-App-Prototype-1-250x158.png 250w, https:\/\/sketch2react.io\/blog\/wp-content\/uploads\/2022\/04\/Showcase-UI-App-Prototype-1-550x347.png 550w, https:\/\/sketch2react.io\/blog\/wp-content\/uploads\/2022\/04\/Showcase-UI-App-Prototype-1-800x504.png 800w, https:\/\/sketch2react.io\/blog\/wp-content\/uploads\/2022\/04\/Showcase-UI-App-Prototype-1-285x180.png 285w, https:\/\/sketch2react.io\/blog\/wp-content\/uploads\/2022\/04\/Showcase-UI-App-Prototype-1-476x300.png 476w, https:\/\/sketch2react.io\/blog\/wp-content\/uploads\/2022\/04\/Showcase-UI-App-Prototype-1-793x500.png 793w\" sizes=\"auto, (max-width: 1935px) 100vw, 1935px\" \/><\/a><figcaption id=\"caption-attachment-1891\" class=\"wp-caption-text\">This began its life as a Figma Community file. We used Convertify.<\/figcaption><\/figure>\r\n<h2 class=\"\">Don\u2019t be afraid of failing<\/h2>\r\n<p class=\"\">Whatever technique you go for, don\u2019t be afraid of failing, it\u2019s only through miserably doing things \u201dwrong\u201d that we finally do them \u201dright\u201d. You may find that a combination of mentioned tricks will do it for you, or you will come up with your own. You are welcome to add suggestions in the comments below.<\/p>\r\n<h2 class=\"\">Doing some well-needed clean up<\/h2>\r\n<p class=\"\">Whatever method you go for, you will need to do some well-needed clean up. No converter or technique is perfect.<\/p>\r\n<h2>Your end game should be:<\/h2>\r\n<ol class=\"\" style=\"padding: 0px 0px 16px 40px;\">\r\n<li>In Sketch or Icons8 Lunacy, to have design that you can <strong>control and change<\/strong><\/li>\r\n<li>Why? Because you will be in constant motion with your designed app thingie, and you will not be forced, again, to jump back to Figma<\/li>\r\n<li>Once in Sketch or Icons8 Lunacy, stay there<\/li>\r\n<\/ol>\r\n<p class=\"\">So, what happens now? Well, now comes the best part of all, preparing your Sketch or Icons8 Lunacy design file for building your prototype app for iOS, Android, or maybe you are pitching a web app? Good for you, good for us.<\/p>\r\n<h2>The benefits of building with Marcode app<\/h2>\r\n<p><strong>We are not saying you should not use app developers. <\/strong>You should! But wouldn\u2019t it be really great for your future iOS or Android developer to, instead of be handed a Figma prototype, be handed a prototype that actually lives and breathes inside Xcode or Android Studio? Of course, it would.<\/p>\r\n<p>Not only that, you can easily share a very life like app prototype with presumed funders or clients, or both.<\/p>\r\n<p>Well, as we say in Sweden; <em>det var allt f\u00f6r denna g\u00e5ng<\/em>.<\/p>\r\n<\/div>\r\n<\/div>\r\n<\/div>\r\n<\/div>\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n","protected":false},"excerpt":{"rendered":"<p>Here\u2019s a real scenario that we recently encountered ourselves while having a chit-chat with a fellow entrepreneur friend of Team Sketch2React. Two founders. One has design skills and have designed the app that they want to pitch for getting funded. They have a friend who is an iOS developer who has promised to help out,&hellip;&nbsp;<a href=\"https:\/\/sketch2react.io\/blog\/how-to-go-from-figma-to-sketch-file-format\/\" class=\"\" rel=\"bookmark\">Read More &raquo;<span class=\"screen-reader-text\">How to go from Figma to Sketch file format<\/span><\/a><\/p>\n","protected":false},"author":2,"featured_media":1984,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"bgseo_title":"","bgseo_description":"","bgseo_robots_index":"index","bgseo_robots_follow":"follow","neve_meta_sidebar":"","neve_meta_container":"","neve_meta_enable_content_width":"off","neve_meta_content_width":70,"neve_meta_title_alignment":"","neve_meta_author_avatar":"","neve_post_elements_order":"","neve_meta_disable_header":"","neve_meta_disable_footer":"","neve_meta_disable_title":"","footnotes":""},"categories":[166],"tags":[119,207,10,26],"class_list":["post-1981","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-tutorials","tag-figma","tag-icons8-lunacy","tag-sketch","tag-workflow"],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v26.5 - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>How to go from Figma to Sketch file format | Sketch2React Blog<\/title>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/sketch2react.io\/blog\/how-to-go-from-figma-to-sketch-file-format\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"How to go from Figma to Sketch file format - Sketch2React Blog\" \/>\n<meta property=\"og:description\" content=\"Here\u2019s a real scenario that we recently encountered ourselves while having a chit-chat with a fellow entrepreneur friend of Team Sketch2React. Two founders. One has design skills and have designed the app that they want to pitch for getting funded. They have a friend who is an iOS developer who has promised to help out,&hellip;&nbsp;Read More &raquo;How to go from Figma to Sketch file format\" \/>\n<meta property=\"og:url\" content=\"https:\/\/sketch2react.io\/blog\/how-to-go-from-figma-to-sketch-file-format\/\" \/>\n<meta property=\"og:site_name\" content=\"Sketch2React Blog\" \/>\n<meta property=\"article:published_time\" content=\"2022-05-12T20:28:12+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2022-05-13T10:33:34+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/sketch2react.io\/blog\/wp-content\/uploads\/2022\/05\/Figma2Sketch.png\" \/>\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\/png\" \/>\n<meta name=\"author\" content=\"Juan Maguid\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"Juan Maguid\" \/>\n\t<meta name=\"twitter:label2\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data2\" content=\"5 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\/\/sketch2react.io\/blog\/how-to-go-from-figma-to-sketch-file-format\/#article\",\"isPartOf\":{\"@id\":\"https:\/\/sketch2react.io\/blog\/how-to-go-from-figma-to-sketch-file-format\/\"},\"author\":{\"name\":\"Juan Maguid\",\"@id\":\"https:\/\/sketch2react.io\/blog\/#\/schema\/person\/7fc8fe20e137be20a66bc8634c059f4e\"},\"headline\":\"How to go from Figma to Sketch file format\",\"datePublished\":\"2022-05-12T20:28:12+00:00\",\"dateModified\":\"2022-05-13T10:33:34+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\/\/sketch2react.io\/blog\/how-to-go-from-figma-to-sketch-file-format\/\"},\"wordCount\":785,\"commentCount\":0,\"publisher\":{\"@id\":\"https:\/\/sketch2react.io\/blog\/#organization\"},\"image\":{\"@id\":\"https:\/\/sketch2react.io\/blog\/how-to-go-from-figma-to-sketch-file-format\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/sketch2react.io\/blog\/wp-content\/uploads\/2022\/05\/Figma2Sketch.png\",\"keywords\":[\"Figma\",\"Icons8 Lunacy\",\"Sketch\",\"Workflow\"],\"articleSection\":[\"Tutorials\"],\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"CommentAction\",\"name\":\"Comment\",\"target\":[\"https:\/\/sketch2react.io\/blog\/how-to-go-from-figma-to-sketch-file-format\/#respond\"]}]},{\"@type\":\"WebPage\",\"@id\":\"https:\/\/sketch2react.io\/blog\/how-to-go-from-figma-to-sketch-file-format\/\",\"url\":\"https:\/\/sketch2react.io\/blog\/how-to-go-from-figma-to-sketch-file-format\/\",\"name\":\"How to go from Figma to Sketch file format - Sketch2React Blog\",\"isPartOf\":{\"@id\":\"https:\/\/sketch2react.io\/blog\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/sketch2react.io\/blog\/how-to-go-from-figma-to-sketch-file-format\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/sketch2react.io\/blog\/how-to-go-from-figma-to-sketch-file-format\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/sketch2react.io\/blog\/wp-content\/uploads\/2022\/05\/Figma2Sketch.png\",\"datePublished\":\"2022-05-12T20:28:12+00:00\",\"dateModified\":\"2022-05-13T10:33:34+00:00\",\"breadcrumb\":{\"@id\":\"https:\/\/sketch2react.io\/blog\/how-to-go-from-figma-to-sketch-file-format\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/sketch2react.io\/blog\/how-to-go-from-figma-to-sketch-file-format\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/sketch2react.io\/blog\/how-to-go-from-figma-to-sketch-file-format\/#primaryimage\",\"url\":\"https:\/\/sketch2react.io\/blog\/wp-content\/uploads\/2022\/05\/Figma2Sketch.png\",\"contentUrl\":\"https:\/\/sketch2react.io\/blog\/wp-content\/uploads\/2022\/05\/Figma2Sketch.png\",\"width\":1920,\"height\":1080},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/sketch2react.io\/blog\/how-to-go-from-figma-to-sketch-file-format\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/sketch2react.io\/blog\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"How to go from Figma to Sketch file format\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/sketch2react.io\/blog\/#website\",\"url\":\"https:\/\/sketch2react.io\/blog\/\",\"name\":\"Sketch2React Blog\",\"description\":\"Articles, tutorials, tips &amp; tricks\",\"publisher\":{\"@id\":\"https:\/\/sketch2react.io\/blog\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/sketch2react.io\/blog\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"},{\"@type\":\"Organization\",\"@id\":\"https:\/\/sketch2react.io\/blog\/#organization\",\"name\":\"Sketch2React Blog\",\"url\":\"https:\/\/sketch2react.io\/blog\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/sketch2react.io\/blog\/#\/schema\/logo\/image\/\",\"url\":\"https:\/\/sketch2react.io\/blog\/wp-content\/uploads\/2021\/10\/cropped-S2R2021Icon.png\",\"contentUrl\":\"https:\/\/sketch2react.io\/blog\/wp-content\/uploads\/2021\/10\/cropped-S2R2021Icon.png\",\"width\":512,\"height\":512,\"caption\":\"Sketch2React Blog\"},\"image\":{\"@id\":\"https:\/\/sketch2react.io\/blog\/#\/schema\/logo\/image\/\"}},{\"@type\":\"Person\",\"@id\":\"https:\/\/sketch2react.io\/blog\/#\/schema\/person\/7fc8fe20e137be20a66bc8634c059f4e\",\"name\":\"Juan Maguid\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/sketch2react.io\/blog\/#\/schema\/person\/image\/\",\"url\":\"https:\/\/secure.gravatar.com\/avatar\/eac199ca87b7cbb76863825e2f447fafd34ac3b7c4a03c94f499103333c24832?s=96&d=wavatar&r=g\",\"contentUrl\":\"https:\/\/secure.gravatar.com\/avatar\/eac199ca87b7cbb76863825e2f447fafd34ac3b7c4a03c94f499103333c24832?s=96&d=wavatar&r=g\",\"caption\":\"Juan Maguid\"},\"url\":\"https:\/\/sketch2react.io\/blog\/author\/sketch2react\/\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"How to go from Figma to Sketch file format | Sketch2React Blog","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/sketch2react.io\/blog\/how-to-go-from-figma-to-sketch-file-format\/","og_locale":"en_US","og_type":"article","og_title":"How to go from Figma to Sketch file format - Sketch2React Blog","og_description":"Here\u2019s a real scenario that we recently encountered ourselves while having a chit-chat with a fellow entrepreneur friend of Team Sketch2React. Two founders. One has design skills and have designed the app that they want to pitch for getting funded. They have a friend who is an iOS developer who has promised to help out,&hellip;&nbsp;Read More &raquo;How to go from Figma to Sketch file format","og_url":"https:\/\/sketch2react.io\/blog\/how-to-go-from-figma-to-sketch-file-format\/","og_site_name":"Sketch2React Blog","article_published_time":"2022-05-12T20:28:12+00:00","article_modified_time":"2022-05-13T10:33:34+00:00","og_image":[{"width":1920,"height":1080,"url":"https:\/\/sketch2react.io\/blog\/wp-content\/uploads\/2022\/05\/Figma2Sketch.png","type":"image\/png"}],"author":"Juan Maguid","twitter_card":"summary_large_image","twitter_misc":{"Written by":"Juan Maguid","Est. reading time":"5 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/sketch2react.io\/blog\/how-to-go-from-figma-to-sketch-file-format\/#article","isPartOf":{"@id":"https:\/\/sketch2react.io\/blog\/how-to-go-from-figma-to-sketch-file-format\/"},"author":{"name":"Juan Maguid","@id":"https:\/\/sketch2react.io\/blog\/#\/schema\/person\/7fc8fe20e137be20a66bc8634c059f4e"},"headline":"How to go from Figma to Sketch file format","datePublished":"2022-05-12T20:28:12+00:00","dateModified":"2022-05-13T10:33:34+00:00","mainEntityOfPage":{"@id":"https:\/\/sketch2react.io\/blog\/how-to-go-from-figma-to-sketch-file-format\/"},"wordCount":785,"commentCount":0,"publisher":{"@id":"https:\/\/sketch2react.io\/blog\/#organization"},"image":{"@id":"https:\/\/sketch2react.io\/blog\/how-to-go-from-figma-to-sketch-file-format\/#primaryimage"},"thumbnailUrl":"https:\/\/sketch2react.io\/blog\/wp-content\/uploads\/2022\/05\/Figma2Sketch.png","keywords":["Figma","Icons8 Lunacy","Sketch","Workflow"],"articleSection":["Tutorials"],"inLanguage":"en-US","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/sketch2react.io\/blog\/how-to-go-from-figma-to-sketch-file-format\/#respond"]}]},{"@type":"WebPage","@id":"https:\/\/sketch2react.io\/blog\/how-to-go-from-figma-to-sketch-file-format\/","url":"https:\/\/sketch2react.io\/blog\/how-to-go-from-figma-to-sketch-file-format\/","name":"How to go from Figma to Sketch file format - Sketch2React Blog","isPartOf":{"@id":"https:\/\/sketch2react.io\/blog\/#website"},"primaryImageOfPage":{"@id":"https:\/\/sketch2react.io\/blog\/how-to-go-from-figma-to-sketch-file-format\/#primaryimage"},"image":{"@id":"https:\/\/sketch2react.io\/blog\/how-to-go-from-figma-to-sketch-file-format\/#primaryimage"},"thumbnailUrl":"https:\/\/sketch2react.io\/blog\/wp-content\/uploads\/2022\/05\/Figma2Sketch.png","datePublished":"2022-05-12T20:28:12+00:00","dateModified":"2022-05-13T10:33:34+00:00","breadcrumb":{"@id":"https:\/\/sketch2react.io\/blog\/how-to-go-from-figma-to-sketch-file-format\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/sketch2react.io\/blog\/how-to-go-from-figma-to-sketch-file-format\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/sketch2react.io\/blog\/how-to-go-from-figma-to-sketch-file-format\/#primaryimage","url":"https:\/\/sketch2react.io\/blog\/wp-content\/uploads\/2022\/05\/Figma2Sketch.png","contentUrl":"https:\/\/sketch2react.io\/blog\/wp-content\/uploads\/2022\/05\/Figma2Sketch.png","width":1920,"height":1080},{"@type":"BreadcrumbList","@id":"https:\/\/sketch2react.io\/blog\/how-to-go-from-figma-to-sketch-file-format\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/sketch2react.io\/blog\/"},{"@type":"ListItem","position":2,"name":"How to go from Figma to Sketch file format"}]},{"@type":"WebSite","@id":"https:\/\/sketch2react.io\/blog\/#website","url":"https:\/\/sketch2react.io\/blog\/","name":"Sketch2React Blog","description":"Articles, tutorials, tips &amp; tricks","publisher":{"@id":"https:\/\/sketch2react.io\/blog\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/sketch2react.io\/blog\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"},{"@type":"Organization","@id":"https:\/\/sketch2react.io\/blog\/#organization","name":"Sketch2React Blog","url":"https:\/\/sketch2react.io\/blog\/","logo":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/sketch2react.io\/blog\/#\/schema\/logo\/image\/","url":"https:\/\/sketch2react.io\/blog\/wp-content\/uploads\/2021\/10\/cropped-S2R2021Icon.png","contentUrl":"https:\/\/sketch2react.io\/blog\/wp-content\/uploads\/2021\/10\/cropped-S2R2021Icon.png","width":512,"height":512,"caption":"Sketch2React Blog"},"image":{"@id":"https:\/\/sketch2react.io\/blog\/#\/schema\/logo\/image\/"}},{"@type":"Person","@id":"https:\/\/sketch2react.io\/blog\/#\/schema\/person\/7fc8fe20e137be20a66bc8634c059f4e","name":"Juan Maguid","image":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/sketch2react.io\/blog\/#\/schema\/person\/image\/","url":"https:\/\/secure.gravatar.com\/avatar\/eac199ca87b7cbb76863825e2f447fafd34ac3b7c4a03c94f499103333c24832?s=96&d=wavatar&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/eac199ca87b7cbb76863825e2f447fafd34ac3b7c4a03c94f499103333c24832?s=96&d=wavatar&r=g","caption":"Juan Maguid"},"url":"https:\/\/sketch2react.io\/blog\/author\/sketch2react\/"}]}},"_links":{"self":[{"href":"https:\/\/sketch2react.io\/blog\/wp-json\/wp\/v2\/posts\/1981","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/sketch2react.io\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/sketch2react.io\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/sketch2react.io\/blog\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/sketch2react.io\/blog\/wp-json\/wp\/v2\/comments?post=1981"}],"version-history":[{"count":7,"href":"https:\/\/sketch2react.io\/blog\/wp-json\/wp\/v2\/posts\/1981\/revisions"}],"predecessor-version":[{"id":1993,"href":"https:\/\/sketch2react.io\/blog\/wp-json\/wp\/v2\/posts\/1981\/revisions\/1993"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/sketch2react.io\/blog\/wp-json\/wp\/v2\/media\/1984"}],"wp:attachment":[{"href":"https:\/\/sketch2react.io\/blog\/wp-json\/wp\/v2\/media?parent=1981"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/sketch2react.io\/blog\/wp-json\/wp\/v2\/categories?post=1981"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/sketch2react.io\/blog\/wp-json\/wp\/v2\/tags?post=1981"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}