{"id":98,"date":"2019-01-12T15:26:07","date_gmt":"2019-01-12T14:26:07","guid":{"rendered":"https:\/\/sketch2react.wordpress.com\/2019\/01\/12\/real-sketch-to-react-design-and-export-is-here\/"},"modified":"2020-06-18T07:42:37","modified_gmt":"2020-06-18T07:42:37","slug":"real-sketch-to-react-design-and-export-is-here","status":"publish","type":"post","link":"https:\/\/sketch2react.io\/blog\/real-sketch-to-react-design-and-export-is-here\/","title":{"rendered":"Real Sketch to React design and export is here!"},"content":{"rendered":"<div class=\"nv-iframe-embed\"><iframe loading=\"lazy\" title=\"Real Sketch to React Export is here\" width=\"1200\" height=\"675\" src=\"https:\/\/www.youtube.com\/embed\/yg5lapaZOpc?feature=oembed\" frameborder=\"0\" allow=\"accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture\" allowfullscreen><\/iframe><\/div>\n<p>It took a <em>full year<\/em> working odd hours here and there. The reality of side projects, you do what you can with the time you get\/have. Easier when you are two people working together like Fredrik and me.<\/p>\n<p>Actually you can accomplish wonders when the motivation is right and the feeling is great. When you get so much great support from you guys, this amazing community of designers and developers world wide. Gives us energy to sit down, no matter what, and work with this when our families has gone to bed and where hammering away on our laptops doing this and that. Waking up very tired better-half\u2019s because forgetting not to sit right outside the bedroom snoring (me because of a cold) and tapping tapping (<em>writing this very story<\/em>). Payed a price. <em>Worth it?<\/em> Time will tell. ?<\/p>\n<h3>When it\u00a0happened<\/h3>\n<p>Our main goal was always reaching this milestone and we finally did it, even before 2018 turning into 2019.<em> It was December 30th.<\/em> I was with my family at our cottage in Dalarna for some well needed rest and vacation. Got a private Slack mess from Fredrik saying:<\/p>\n<figure>\n<p><img decoding=\"async\" data-width=\"1704\" data-height=\"1108\" src=\"https:\/\/cdn-images-1.medium.com\/max\/800\/0*xhA55RFbyXwJ3VbW.png\"><br \/>\n<\/figure>\n<p><em>Fixat innan 2019<\/em> means <strong>Fixed it before 2019!<\/strong><\/p>\n<p>Looked at the video he had recorded and smiled ? I knew we would reach this before 2019 but we don\u2019t pressure each other with hard deadlines. It gets done when it gets done. Important thing is to always move forward to some kind of goal. We always make sure to respect our own lives with all the responsibilities it comes with. <em>This is still a side project that we do on un-paid extra time.<\/em><\/p>\n<h3>What happens\u00a0now?<\/h3>\n<p>We\u2019re going to conduct a <em>very private pilot <\/em>where we are going to invite a selected few out there that in one way or another has been very supportive\/positive to us, just all around great people. For a full month they will get access to our much sought after React export feature.<\/p>\n<h3>After that?<\/h3>\n<p>After a full month of testing we will gather all the feedback we get and make it even better. We\u2019re ironing out details on how to make this project sustainable, even profitable, so some kind of paid license will be needed to access React export. <strong>Our framework, plugin, code app and HTML export in its current iteration <\/strong>will always be available for free as long as we can support it. By supporting it means that it doesn\u2019t require us to spend countless of hours on support or other very time consuming activities.<\/p>\n<h3>Thoughts about the future of Sketch2React<\/h3>\n<p>We are toying with all kinds of cool ideas. Maybe we release some kind of <strong>developer license <\/strong>that will give you access to some of the magic that converts native Sketch tools to code? Payed on-demand code component building with exclusive or non-exclusive rights? If there is a need we\u2019ll make sure to make room for it. Why? <em>Because it\u2019s the most exciting thing we have ever created and been involved in.<\/em> ?<\/p>\n<p>We also dream about converting our render engine to some kind of <strong>Unity-for-designer-tools<\/strong>. All of these are just thoughts, visions, dreams and they will of course not be true without monetary support of some kind. But reach for the moon and you will come half-way? Or crash ? ?<\/p>\n<p>Anyway! These are exciting times to be alive, stay tuned!<\/p>\n","protected":false},"excerpt":{"rendered":"<p>It took a full year working odd hours here and there. The reality of side projects, you do what you can with the time you get\/have. Easier when you are two people working together like Fredrik and me. Actually you can accomplish wonders when the motivation is right and the feeling is great. When you&hellip;&nbsp;<a href=\"https:\/\/sketch2react.io\/blog\/real-sketch-to-react-design-and-export-is-here\/\" class=\"\" rel=\"bookmark\">Read More &raquo;<span class=\"screen-reader-text\">Real Sketch to React design and export is here!<\/span><\/a><\/p>\n","protected":false},"author":2,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"bgseo_title":"","bgseo_description":"","bgseo_robots_index":"","bgseo_robots_follow":"","neve_meta_sidebar":"","neve_meta_container":"","neve_meta_enable_content_width":"","neve_meta_content_width":0,"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":[168],"tags":[83,84,85,59,10],"class_list":["post-98","post","type-post","status-publish","format-standard","hentry","category-miscellaneous","tag-export","tag-here","tag-is","tag-react","tag-sketch"],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v26.5 - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>Real Sketch to React design and export is here! | 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\/real-sketch-to-react-design-and-export-is-here\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Real Sketch to React design and export is here! - Sketch2React Blog\" \/>\n<meta property=\"og:description\" content=\"It took a full year working odd hours here and there. The reality of side projects, you do what you can with the time you get\/have. Easier when you are two people working together like Fredrik and me. Actually you can accomplish wonders when the motivation is right and the feeling is great. When you&hellip;&nbsp;Read More &raquo;Real Sketch to React design and export is here!\" \/>\n<meta property=\"og:url\" content=\"https:\/\/sketch2react.io\/blog\/real-sketch-to-react-design-and-export-is-here\/\" \/>\n<meta property=\"og:site_name\" content=\"Sketch2React Blog\" \/>\n<meta property=\"article:published_time\" content=\"2019-01-12T14:26:07+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2020-06-18T07:42:37+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/cdn-images-1.medium.com\/max\/800\/0*xhA55RFbyXwJ3VbW.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=\"3 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\/\/sketch2react.io\/blog\/real-sketch-to-react-design-and-export-is-here\/#article\",\"isPartOf\":{\"@id\":\"https:\/\/sketch2react.io\/blog\/real-sketch-to-react-design-and-export-is-here\/\"},\"author\":{\"name\":\"Juan Maguid\",\"@id\":\"https:\/\/sketch2react.io\/blog\/#\/schema\/person\/7fc8fe20e137be20a66bc8634c059f4e\"},\"headline\":\"Real Sketch to React design and export is here!\",\"datePublished\":\"2019-01-12T14:26:07+00:00\",\"dateModified\":\"2020-06-18T07:42:37+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\/\/sketch2react.io\/blog\/real-sketch-to-react-design-and-export-is-here\/\"},\"wordCount\":576,\"commentCount\":0,\"publisher\":{\"@id\":\"https:\/\/sketch2react.io\/blog\/#organization\"},\"image\":{\"@id\":\"https:\/\/sketch2react.io\/blog\/real-sketch-to-react-design-and-export-is-here\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/cdn-images-1.medium.com\/max\/800\/0*xhA55RFbyXwJ3VbW.png\",\"keywords\":[\"Export\",\"Here\",\"Is\",\"React\",\"Sketch\"],\"articleSection\":[\"Miscellaneous\"],\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"CommentAction\",\"name\":\"Comment\",\"target\":[\"https:\/\/sketch2react.io\/blog\/real-sketch-to-react-design-and-export-is-here\/#respond\"]}]},{\"@type\":\"WebPage\",\"@id\":\"https:\/\/sketch2react.io\/blog\/real-sketch-to-react-design-and-export-is-here\/\",\"url\":\"https:\/\/sketch2react.io\/blog\/real-sketch-to-react-design-and-export-is-here\/\",\"name\":\"Real Sketch to React design and export is here! - Sketch2React Blog\",\"isPartOf\":{\"@id\":\"https:\/\/sketch2react.io\/blog\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/sketch2react.io\/blog\/real-sketch-to-react-design-and-export-is-here\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/sketch2react.io\/blog\/real-sketch-to-react-design-and-export-is-here\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/cdn-images-1.medium.com\/max\/800\/0*xhA55RFbyXwJ3VbW.png\",\"datePublished\":\"2019-01-12T14:26:07+00:00\",\"dateModified\":\"2020-06-18T07:42:37+00:00\",\"breadcrumb\":{\"@id\":\"https:\/\/sketch2react.io\/blog\/real-sketch-to-react-design-and-export-is-here\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/sketch2react.io\/blog\/real-sketch-to-react-design-and-export-is-here\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/sketch2react.io\/blog\/real-sketch-to-react-design-and-export-is-here\/#primaryimage\",\"url\":\"https:\/\/cdn-images-1.medium.com\/max\/800\/0*xhA55RFbyXwJ3VbW.png\",\"contentUrl\":\"https:\/\/cdn-images-1.medium.com\/max\/800\/0*xhA55RFbyXwJ3VbW.png\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/sketch2react.io\/blog\/real-sketch-to-react-design-and-export-is-here\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/sketch2react.io\/blog\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Real Sketch to React design and export is here!\"}]},{\"@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":"Real Sketch to React design and export is here! | 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\/real-sketch-to-react-design-and-export-is-here\/","og_locale":"en_US","og_type":"article","og_title":"Real Sketch to React design and export is here! - Sketch2React Blog","og_description":"It took a full year working odd hours here and there. The reality of side projects, you do what you can with the time you get\/have. Easier when you are two people working together like Fredrik and me. Actually you can accomplish wonders when the motivation is right and the feeling is great. When you&hellip;&nbsp;Read More &raquo;Real Sketch to React design and export is here!","og_url":"https:\/\/sketch2react.io\/blog\/real-sketch-to-react-design-and-export-is-here\/","og_site_name":"Sketch2React Blog","article_published_time":"2019-01-12T14:26:07+00:00","article_modified_time":"2020-06-18T07:42:37+00:00","og_image":[{"url":"https:\/\/cdn-images-1.medium.com\/max\/800\/0*xhA55RFbyXwJ3VbW.png","type":"","width":"","height":""}],"author":"Juan Maguid","twitter_card":"summary_large_image","twitter_misc":{"Written by":"Juan Maguid","Est. reading time":"3 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/sketch2react.io\/blog\/real-sketch-to-react-design-and-export-is-here\/#article","isPartOf":{"@id":"https:\/\/sketch2react.io\/blog\/real-sketch-to-react-design-and-export-is-here\/"},"author":{"name":"Juan Maguid","@id":"https:\/\/sketch2react.io\/blog\/#\/schema\/person\/7fc8fe20e137be20a66bc8634c059f4e"},"headline":"Real Sketch to React design and export is here!","datePublished":"2019-01-12T14:26:07+00:00","dateModified":"2020-06-18T07:42:37+00:00","mainEntityOfPage":{"@id":"https:\/\/sketch2react.io\/blog\/real-sketch-to-react-design-and-export-is-here\/"},"wordCount":576,"commentCount":0,"publisher":{"@id":"https:\/\/sketch2react.io\/blog\/#organization"},"image":{"@id":"https:\/\/sketch2react.io\/blog\/real-sketch-to-react-design-and-export-is-here\/#primaryimage"},"thumbnailUrl":"https:\/\/cdn-images-1.medium.com\/max\/800\/0*xhA55RFbyXwJ3VbW.png","keywords":["Export","Here","Is","React","Sketch"],"articleSection":["Miscellaneous"],"inLanguage":"en-US","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/sketch2react.io\/blog\/real-sketch-to-react-design-and-export-is-here\/#respond"]}]},{"@type":"WebPage","@id":"https:\/\/sketch2react.io\/blog\/real-sketch-to-react-design-and-export-is-here\/","url":"https:\/\/sketch2react.io\/blog\/real-sketch-to-react-design-and-export-is-here\/","name":"Real Sketch to React design and export is here! - Sketch2React Blog","isPartOf":{"@id":"https:\/\/sketch2react.io\/blog\/#website"},"primaryImageOfPage":{"@id":"https:\/\/sketch2react.io\/blog\/real-sketch-to-react-design-and-export-is-here\/#primaryimage"},"image":{"@id":"https:\/\/sketch2react.io\/blog\/real-sketch-to-react-design-and-export-is-here\/#primaryimage"},"thumbnailUrl":"https:\/\/cdn-images-1.medium.com\/max\/800\/0*xhA55RFbyXwJ3VbW.png","datePublished":"2019-01-12T14:26:07+00:00","dateModified":"2020-06-18T07:42:37+00:00","breadcrumb":{"@id":"https:\/\/sketch2react.io\/blog\/real-sketch-to-react-design-and-export-is-here\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/sketch2react.io\/blog\/real-sketch-to-react-design-and-export-is-here\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/sketch2react.io\/blog\/real-sketch-to-react-design-and-export-is-here\/#primaryimage","url":"https:\/\/cdn-images-1.medium.com\/max\/800\/0*xhA55RFbyXwJ3VbW.png","contentUrl":"https:\/\/cdn-images-1.medium.com\/max\/800\/0*xhA55RFbyXwJ3VbW.png"},{"@type":"BreadcrumbList","@id":"https:\/\/sketch2react.io\/blog\/real-sketch-to-react-design-and-export-is-here\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/sketch2react.io\/blog\/"},{"@type":"ListItem","position":2,"name":"Real Sketch to React design and export is here!"}]},{"@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\/98","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=98"}],"version-history":[{"count":1,"href":"https:\/\/sketch2react.io\/blog\/wp-json\/wp\/v2\/posts\/98\/revisions"}],"predecessor-version":[{"id":391,"href":"https:\/\/sketch2react.io\/blog\/wp-json\/wp\/v2\/posts\/98\/revisions\/391"}],"wp:attachment":[{"href":"https:\/\/sketch2react.io\/blog\/wp-json\/wp\/v2\/media?parent=98"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/sketch2react.io\/blog\/wp-json\/wp\/v2\/categories?post=98"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/sketch2react.io\/blog\/wp-json\/wp\/v2\/tags?post=98"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}