{"id":51,"date":"2020-02-06T22:17:08","date_gmt":"2020-02-06T21:17:08","guid":{"rendered":"https:\/\/sketch2react.wordpress.com\/2020\/02\/06\/sketch2react-was-designed-by-a-developer\/"},"modified":"2020-11-29T17:39:50","modified_gmt":"2020-11-29T16:39:50","slug":"sketch2react-was-designed-by-a-developer","status":"publish","type":"post","link":"https:\/\/sketch2react.io\/blog\/sketch2react-was-designed-by-a-developer\/","title":{"rendered":"Sketch2React was designed by a developer"},"content":{"rendered":"

And that\u2019s actually a great\u00a0thing.<\/p><\/blockquote>\n

S<\/span>ince 2018 we have shipped fast, early and just kept going with that same attitude. All those tutorials, demos, resources, articles etc? Me, as a designer, trying to make sense what Fredrik Ward<\/a> had come up with. ?<\/p>\n

\n


\n<\/figure>\n

For real. Not made up.<\/em><\/p>\n

So instead of being caught up in development hell we said to ourselves \u201cthis is good enough, let\u2019s see what people think ?\u201d.<\/p>\n

There was never a master plan either. Roadmap? Hahaha ? Not the first year. We actually got that question asked.<\/p>\n

Since we had the luxury of working together, even in our day jobs, we were sitting there, side by side, starring at the question.<\/p>\n

I felt a bit stupid, I must admit. Of course you needed a roadmap when building software. But this was not our regular jobs, this was our passion project, our hobby.<\/p>\n

But we listened, learned and got ourselves a roadmap ???<\/p>\n

10% entrepreneurs?<\/h3>\n

I recently read something about 10% entrepreneurs. The term is nothing new but it suits us perfectly well. We\u2019re not quitting our regular jobs any day soon. They provide us the means to do this on this side. They give us and our families security. You\u2019re probably<\/em> never going to see us hanging around any startup hub in Stockholm. Never say never though ?<\/p>\n

A year ago we met with presumed investors who liked what we where doing. They where great in many ways, we learned a lot, but not a match for us.<\/p>\n

Turns out most people meeting investors look for money to do their thing full-time, as this somehow would make their idea more valuable?!<\/p>\n

Why is that? So all the people that are not ready to jump in, risk everything, are not worthy of creating new businesses?<\/p>\n

We want to grow slow and the day that (if) this becomes a full-time we\u2019ll be there adapting.<\/p>\n

We\u2019re also super happy doing this as a 10% side thing, as long as people keep using our products we have purpose.<\/p>\n

This doesn\u2019t mean we don\u2019t give 100% of ourselves when working as Team Sketch2React. Anyone that has been in direct contact with us knows that to be true.<\/p>\n

Basically the first time I did something related to my usual day job as a designer was when we started working with Stratos. Speaking of Stratos!<\/p>\n

\n
\n


\n<\/figure>\n

Stratos Alpha 2 with more \u2764\ufe0f for design\u00a0tokens<\/h3>\n

S<\/span>ome time next week we should have a freshly baked Stratos Alpha 2<\/strong><\/a> out of the software oven, for you to play around with. We have given design tokens some real love<\/a>, as we see this being one of our killer features<\/strong>, if not the single feature<\/em> that will create momentum for us. Why? Simple really:<\/p>\n

It\u2019s really powerful, easy to learn and really difficult to stop using, once you have understood it\u2019s\u00a0value.<\/p><\/blockquote>\n

\n


\n<\/figure>\n

Design tokens also creates the perfect balance between design & development. Developers who are panicking or slash laughing, when they hear things like \u201cdesign real code components in Sketch<\/em>\u201d should be calmed by the use of design tokens.<\/p>\n

\n


\n<\/figure>\n

Basically designers touch what designers care most about (be honest now godamnit<\/em>)\u200a\u2014\u200athe look and feel of things like typography, colors, spacing (white space bro, whiiiiiiite space rules)\u00a0\u2026 and leave the rest alone\u00a0\u2026 the rest being what devs care most about, their beloved code base.<\/p>\n

Later on, when both designers and developers feel more at ease with tools such as Stratos, they will start using the more advanced features.<\/p>\n

Of course, this is a huge over-simplification and 100% guesswork here. So basically we know nothing. Like Manuel in Faulty Towers.<\/p>\n

\n


\n<\/figure>\n

\n

That\u2019s all folks!<\/p>\n

Juan Maguid, designer Team Sketch2React<\/em><\/p>\n","protected":false},"excerpt":{"rendered":"

And that\u2019s actually a great\u00a0thing. Since 2018 we have shipped fast, early and just kept going with that same attitude. All those tutorials, demos, resources, articles etc? Me, as a designer, trying to make sense what Fredrik Ward had come up with. ? For real. Not made up. So instead of being caught up in… Read More »Sketch2React was designed by a developer<\/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":[55,116,117,136],"class_list":["post-51","post","type-post","status-publish","format-standard","hentry","category-miscellaneous","tag-sketch2react","tag-stratosapp","tag-styled-components","tag-token-design"],"yoast_head":"\nSketch2React was designed by a developer | 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\/sketch2react-was-designed-by-a-developer\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Sketch2React was designed by a developer - Sketch2React Blog\" \/>\n<meta property=\"og:description\" content=\"And that\u2019s actually a great\u00a0thing. Since 2018 we have shipped fast, early and just kept going with that same attitude. All those tutorials, demos, resources, articles etc? Me, as a designer, trying to make sense what Fredrik Ward had come up with. ? For real. Not made up. So instead of being caught up in… Read More »Sketch2React was designed by a developer\" \/>\n<meta property=\"og:url\" content=\"https:\/\/sketch2react.io\/blog\/sketch2react-was-designed-by-a-developer\/\" \/>\n<meta property=\"og:site_name\" content=\"Sketch2React Blog\" \/>\n<meta property=\"article:published_time\" content=\"2020-02-06T21:17:08+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2020-11-29T16:39:50+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/cdn-images-1.medium.com\/max\/800\/1*wRkcpWSCxDIEM5X2TPuagA.gif\" \/>\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\/sketch2react-was-designed-by-a-developer\/#article\",\"isPartOf\":{\"@id\":\"https:\/\/sketch2react.io\/blog\/sketch2react-was-designed-by-a-developer\/\"},\"author\":{\"name\":\"Juan Maguid\",\"@id\":\"https:\/\/sketch2react.io\/blog\/#\/schema\/person\/7fc8fe20e137be20a66bc8634c059f4e\"},\"headline\":\"Sketch2React was designed by a developer\",\"datePublished\":\"2020-02-06T21:17:08+00:00\",\"dateModified\":\"2020-11-29T16:39:50+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\/\/sketch2react.io\/blog\/sketch2react-was-designed-by-a-developer\/\"},\"wordCount\":618,\"commentCount\":0,\"publisher\":{\"@id\":\"https:\/\/sketch2react.io\/blog\/#organization\"},\"image\":{\"@id\":\"https:\/\/sketch2react.io\/blog\/sketch2react-was-designed-by-a-developer\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/cdn-images-1.medium.com\/max\/800\/1*wRkcpWSCxDIEM5X2TPuagA.gif\",\"keywords\":[\"Sketch2react\",\"Stratosapp\",\"Styled Components\",\"Token Design\"],\"articleSection\":[\"Miscellaneous\"],\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"CommentAction\",\"name\":\"Comment\",\"target\":[\"https:\/\/sketch2react.io\/blog\/sketch2react-was-designed-by-a-developer\/#respond\"]}]},{\"@type\":\"WebPage\",\"@id\":\"https:\/\/sketch2react.io\/blog\/sketch2react-was-designed-by-a-developer\/\",\"url\":\"https:\/\/sketch2react.io\/blog\/sketch2react-was-designed-by-a-developer\/\",\"name\":\"Sketch2React was designed by a developer - Sketch2React Blog\",\"isPartOf\":{\"@id\":\"https:\/\/sketch2react.io\/blog\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/sketch2react.io\/blog\/sketch2react-was-designed-by-a-developer\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/sketch2react.io\/blog\/sketch2react-was-designed-by-a-developer\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/cdn-images-1.medium.com\/max\/800\/1*wRkcpWSCxDIEM5X2TPuagA.gif\",\"datePublished\":\"2020-02-06T21:17:08+00:00\",\"dateModified\":\"2020-11-29T16:39:50+00:00\",\"breadcrumb\":{\"@id\":\"https:\/\/sketch2react.io\/blog\/sketch2react-was-designed-by-a-developer\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/sketch2react.io\/blog\/sketch2react-was-designed-by-a-developer\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/sketch2react.io\/blog\/sketch2react-was-designed-by-a-developer\/#primaryimage\",\"url\":\"https:\/\/cdn-images-1.medium.com\/max\/800\/1*wRkcpWSCxDIEM5X2TPuagA.gif\",\"contentUrl\":\"https:\/\/cdn-images-1.medium.com\/max\/800\/1*wRkcpWSCxDIEM5X2TPuagA.gif\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/sketch2react.io\/blog\/sketch2react-was-designed-by-a-developer\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/sketch2react.io\/blog\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Sketch2React was designed by a developer\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/sketch2react.io\/blog\/#website\",\"url\":\"https:\/\/sketch2react.io\/blog\/\",\"name\":\"Sketch2React Blog\",\"description\":\"Articles, tutorials, tips & 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":"Sketch2React was designed by a developer | 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\/sketch2react-was-designed-by-a-developer\/","og_locale":"en_US","og_type":"article","og_title":"Sketch2React was designed by a developer - Sketch2React Blog","og_description":"And that\u2019s actually a great\u00a0thing. Since 2018 we have shipped fast, early and just kept going with that same attitude. All those tutorials, demos, resources, articles etc? Me, as a designer, trying to make sense what Fredrik Ward had come up with. ? For real. Not made up. So instead of being caught up in… Read More »Sketch2React was designed by a developer","og_url":"https:\/\/sketch2react.io\/blog\/sketch2react-was-designed-by-a-developer\/","og_site_name":"Sketch2React Blog","article_published_time":"2020-02-06T21:17:08+00:00","article_modified_time":"2020-11-29T16:39:50+00:00","og_image":[{"url":"https:\/\/cdn-images-1.medium.com\/max\/800\/1*wRkcpWSCxDIEM5X2TPuagA.gif","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\/sketch2react-was-designed-by-a-developer\/#article","isPartOf":{"@id":"https:\/\/sketch2react.io\/blog\/sketch2react-was-designed-by-a-developer\/"},"author":{"name":"Juan Maguid","@id":"https:\/\/sketch2react.io\/blog\/#\/schema\/person\/7fc8fe20e137be20a66bc8634c059f4e"},"headline":"Sketch2React was designed by a developer","datePublished":"2020-02-06T21:17:08+00:00","dateModified":"2020-11-29T16:39:50+00:00","mainEntityOfPage":{"@id":"https:\/\/sketch2react.io\/blog\/sketch2react-was-designed-by-a-developer\/"},"wordCount":618,"commentCount":0,"publisher":{"@id":"https:\/\/sketch2react.io\/blog\/#organization"},"image":{"@id":"https:\/\/sketch2react.io\/blog\/sketch2react-was-designed-by-a-developer\/#primaryimage"},"thumbnailUrl":"https:\/\/cdn-images-1.medium.com\/max\/800\/1*wRkcpWSCxDIEM5X2TPuagA.gif","keywords":["Sketch2react","Stratosapp","Styled Components","Token Design"],"articleSection":["Miscellaneous"],"inLanguage":"en-US","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/sketch2react.io\/blog\/sketch2react-was-designed-by-a-developer\/#respond"]}]},{"@type":"WebPage","@id":"https:\/\/sketch2react.io\/blog\/sketch2react-was-designed-by-a-developer\/","url":"https:\/\/sketch2react.io\/blog\/sketch2react-was-designed-by-a-developer\/","name":"Sketch2React was designed by a developer - Sketch2React Blog","isPartOf":{"@id":"https:\/\/sketch2react.io\/blog\/#website"},"primaryImageOfPage":{"@id":"https:\/\/sketch2react.io\/blog\/sketch2react-was-designed-by-a-developer\/#primaryimage"},"image":{"@id":"https:\/\/sketch2react.io\/blog\/sketch2react-was-designed-by-a-developer\/#primaryimage"},"thumbnailUrl":"https:\/\/cdn-images-1.medium.com\/max\/800\/1*wRkcpWSCxDIEM5X2TPuagA.gif","datePublished":"2020-02-06T21:17:08+00:00","dateModified":"2020-11-29T16:39:50+00:00","breadcrumb":{"@id":"https:\/\/sketch2react.io\/blog\/sketch2react-was-designed-by-a-developer\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/sketch2react.io\/blog\/sketch2react-was-designed-by-a-developer\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/sketch2react.io\/blog\/sketch2react-was-designed-by-a-developer\/#primaryimage","url":"https:\/\/cdn-images-1.medium.com\/max\/800\/1*wRkcpWSCxDIEM5X2TPuagA.gif","contentUrl":"https:\/\/cdn-images-1.medium.com\/max\/800\/1*wRkcpWSCxDIEM5X2TPuagA.gif"},{"@type":"BreadcrumbList","@id":"https:\/\/sketch2react.io\/blog\/sketch2react-was-designed-by-a-developer\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/sketch2react.io\/blog\/"},{"@type":"ListItem","position":2,"name":"Sketch2React was designed by a developer"}]},{"@type":"WebSite","@id":"https:\/\/sketch2react.io\/blog\/#website","url":"https:\/\/sketch2react.io\/blog\/","name":"Sketch2React Blog","description":"Articles, tutorials, tips & 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\/51","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=51"}],"version-history":[{"count":2,"href":"https:\/\/sketch2react.io\/blog\/wp-json\/wp\/v2\/posts\/51\/revisions"}],"predecessor-version":[{"id":697,"href":"https:\/\/sketch2react.io\/blog\/wp-json\/wp\/v2\/posts\/51\/revisions\/697"}],"wp:attachment":[{"href":"https:\/\/sketch2react.io\/blog\/wp-json\/wp\/v2\/media?parent=51"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/sketch2react.io\/blog\/wp-json\/wp\/v2\/categories?post=51"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/sketch2react.io\/blog\/wp-json\/wp\/v2\/tags?post=51"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}