{"id":113,"date":"2018-10-19T11:11:00","date_gmt":"2018-10-19T09:11:00","guid":{"rendered":"https:\/\/sketch2react.wordpress.com\/2018\/10\/19\/a-sketch-that-explains-a-few-things\/"},"modified":"2020-06-18T07:42:38","modified_gmt":"2020-06-18T07:42:38","slug":"a-sketch-that-explains-a-few-things","status":"publish","type":"post","link":"https:\/\/sketch2react.io\/blog\/a-sketch-that-explains-a-few-things\/","title":{"rendered":"A sketch that explains a few things"},"content":{"rendered":"

The more we get out there, showing this to internal design teams at great companies in both Sweden and Norway, the more we think about how to explain the different parts of our framework. We have, from the start, been very transparent about how we develop this, and user feedback is like the holy grail of development. Change fast, be open or die development death. That is not just words to kick you in the stomach, they are true and we feel them to the very core of HOW WE WANT TO WORK.<\/p>\n

Also, there seems to be a misunderstanding about people thinking that all the magic is done by a\u00a0.sketchplugin. So last night while putting the kids to sleep I sketched this down in my wonderful Leuchtturm1917 notebook (damn that is a difficult word to spell!<\/em>)<\/p>\n

\n

I love you Leuchtturm1917 \u2764\ufe0f<\/figcaption><\/figure>\n","protected":false},"excerpt":{"rendered":"

The more we get out there, showing this to internal design teams at great companies in both Sweden and Norway, the more we think about how to explain the different parts of our framework. We have, from the start, been very transparent about how we develop this, and user feedback is like the holy grail… Read More »A sketch that explains a few things<\/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":[29,98,99,10],"class_list":["post-113","post","type-post","status-publish","format-standard","hentry","category-miscellaneous","tag-design","tag-framework","tag-process","tag-sketch"],"yoast_head":"\nA sketch that explains a few things | 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\/a-sketch-that-explains-a-few-things\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"A sketch that explains a few things - Sketch2React Blog\" \/>\n<meta property=\"og:description\" content=\"The more we get out there, showing this to internal design teams at great companies in both Sweden and Norway, the more we think about how to explain the different parts of our framework. We have, from the start, been very transparent about how we develop this, and user feedback is like the holy grail… Read More »A sketch that explains a few things\" \/>\n<meta property=\"og:url\" content=\"https:\/\/sketch2react.io\/blog\/a-sketch-that-explains-a-few-things\/\" \/>\n<meta property=\"og:site_name\" content=\"Sketch2React Blog\" \/>\n<meta property=\"article:published_time\" content=\"2018-10-19T09:11:00+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2020-06-18T07:42:38+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/cdn-images-1.medium.com\/max\/800\/1*xBmA5zUEBT5DjN1VaBWLBQ.jpeg\" \/>\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=\"1 minute\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\/\/sketch2react.io\/blog\/a-sketch-that-explains-a-few-things\/#article\",\"isPartOf\":{\"@id\":\"https:\/\/sketch2react.io\/blog\/a-sketch-that-explains-a-few-things\/\"},\"author\":{\"name\":\"Juan Maguid\",\"@id\":\"https:\/\/sketch2react.io\/blog\/#\/schema\/person\/7fc8fe20e137be20a66bc8634c059f4e\"},\"headline\":\"A sketch that explains a few things\",\"datePublished\":\"2018-10-19T09:11:00+00:00\",\"dateModified\":\"2020-06-18T07:42:38+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\/\/sketch2react.io\/blog\/a-sketch-that-explains-a-few-things\/\"},\"wordCount\":149,\"commentCount\":0,\"publisher\":{\"@id\":\"https:\/\/sketch2react.io\/blog\/#organization\"},\"image\":{\"@id\":\"https:\/\/sketch2react.io\/blog\/a-sketch-that-explains-a-few-things\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/cdn-images-1.medium.com\/max\/800\/1*xBmA5zUEBT5DjN1VaBWLBQ.jpeg\",\"keywords\":[\"Design\",\"Framework\",\"Process\",\"Sketch\"],\"articleSection\":[\"Miscellaneous\"],\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"CommentAction\",\"name\":\"Comment\",\"target\":[\"https:\/\/sketch2react.io\/blog\/a-sketch-that-explains-a-few-things\/#respond\"]}]},{\"@type\":\"WebPage\",\"@id\":\"https:\/\/sketch2react.io\/blog\/a-sketch-that-explains-a-few-things\/\",\"url\":\"https:\/\/sketch2react.io\/blog\/a-sketch-that-explains-a-few-things\/\",\"name\":\"A sketch that explains a few things - Sketch2React Blog\",\"isPartOf\":{\"@id\":\"https:\/\/sketch2react.io\/blog\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/sketch2react.io\/blog\/a-sketch-that-explains-a-few-things\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/sketch2react.io\/blog\/a-sketch-that-explains-a-few-things\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/cdn-images-1.medium.com\/max\/800\/1*xBmA5zUEBT5DjN1VaBWLBQ.jpeg\",\"datePublished\":\"2018-10-19T09:11:00+00:00\",\"dateModified\":\"2020-06-18T07:42:38+00:00\",\"breadcrumb\":{\"@id\":\"https:\/\/sketch2react.io\/blog\/a-sketch-that-explains-a-few-things\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/sketch2react.io\/blog\/a-sketch-that-explains-a-few-things\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/sketch2react.io\/blog\/a-sketch-that-explains-a-few-things\/#primaryimage\",\"url\":\"https:\/\/cdn-images-1.medium.com\/max\/800\/1*xBmA5zUEBT5DjN1VaBWLBQ.jpeg\",\"contentUrl\":\"https:\/\/cdn-images-1.medium.com\/max\/800\/1*xBmA5zUEBT5DjN1VaBWLBQ.jpeg\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/sketch2react.io\/blog\/a-sketch-that-explains-a-few-things\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/sketch2react.io\/blog\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"A sketch that explains a few things\"}]},{\"@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":"A sketch that explains a few things | 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\/a-sketch-that-explains-a-few-things\/","og_locale":"en_US","og_type":"article","og_title":"A sketch that explains a few things - Sketch2React Blog","og_description":"The more we get out there, showing this to internal design teams at great companies in both Sweden and Norway, the more we think about how to explain the different parts of our framework. We have, from the start, been very transparent about how we develop this, and user feedback is like the holy grail… Read More »A sketch that explains a few things","og_url":"https:\/\/sketch2react.io\/blog\/a-sketch-that-explains-a-few-things\/","og_site_name":"Sketch2React Blog","article_published_time":"2018-10-19T09:11:00+00:00","article_modified_time":"2020-06-18T07:42:38+00:00","og_image":[{"url":"https:\/\/cdn-images-1.medium.com\/max\/800\/1*xBmA5zUEBT5DjN1VaBWLBQ.jpeg","type":"","width":"","height":""}],"author":"Juan Maguid","twitter_card":"summary_large_image","twitter_misc":{"Written by":"Juan Maguid","Est. reading time":"1 minute"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/sketch2react.io\/blog\/a-sketch-that-explains-a-few-things\/#article","isPartOf":{"@id":"https:\/\/sketch2react.io\/blog\/a-sketch-that-explains-a-few-things\/"},"author":{"name":"Juan Maguid","@id":"https:\/\/sketch2react.io\/blog\/#\/schema\/person\/7fc8fe20e137be20a66bc8634c059f4e"},"headline":"A sketch that explains a few things","datePublished":"2018-10-19T09:11:00+00:00","dateModified":"2020-06-18T07:42:38+00:00","mainEntityOfPage":{"@id":"https:\/\/sketch2react.io\/blog\/a-sketch-that-explains-a-few-things\/"},"wordCount":149,"commentCount":0,"publisher":{"@id":"https:\/\/sketch2react.io\/blog\/#organization"},"image":{"@id":"https:\/\/sketch2react.io\/blog\/a-sketch-that-explains-a-few-things\/#primaryimage"},"thumbnailUrl":"https:\/\/cdn-images-1.medium.com\/max\/800\/1*xBmA5zUEBT5DjN1VaBWLBQ.jpeg","keywords":["Design","Framework","Process","Sketch"],"articleSection":["Miscellaneous"],"inLanguage":"en-US","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/sketch2react.io\/blog\/a-sketch-that-explains-a-few-things\/#respond"]}]},{"@type":"WebPage","@id":"https:\/\/sketch2react.io\/blog\/a-sketch-that-explains-a-few-things\/","url":"https:\/\/sketch2react.io\/blog\/a-sketch-that-explains-a-few-things\/","name":"A sketch that explains a few things - Sketch2React Blog","isPartOf":{"@id":"https:\/\/sketch2react.io\/blog\/#website"},"primaryImageOfPage":{"@id":"https:\/\/sketch2react.io\/blog\/a-sketch-that-explains-a-few-things\/#primaryimage"},"image":{"@id":"https:\/\/sketch2react.io\/blog\/a-sketch-that-explains-a-few-things\/#primaryimage"},"thumbnailUrl":"https:\/\/cdn-images-1.medium.com\/max\/800\/1*xBmA5zUEBT5DjN1VaBWLBQ.jpeg","datePublished":"2018-10-19T09:11:00+00:00","dateModified":"2020-06-18T07:42:38+00:00","breadcrumb":{"@id":"https:\/\/sketch2react.io\/blog\/a-sketch-that-explains-a-few-things\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/sketch2react.io\/blog\/a-sketch-that-explains-a-few-things\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/sketch2react.io\/blog\/a-sketch-that-explains-a-few-things\/#primaryimage","url":"https:\/\/cdn-images-1.medium.com\/max\/800\/1*xBmA5zUEBT5DjN1VaBWLBQ.jpeg","contentUrl":"https:\/\/cdn-images-1.medium.com\/max\/800\/1*xBmA5zUEBT5DjN1VaBWLBQ.jpeg"},{"@type":"BreadcrumbList","@id":"https:\/\/sketch2react.io\/blog\/a-sketch-that-explains-a-few-things\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/sketch2react.io\/blog\/"},{"@type":"ListItem","position":2,"name":"A sketch that explains a few things"}]},{"@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\/113","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=113"}],"version-history":[{"count":1,"href":"https:\/\/sketch2react.io\/blog\/wp-json\/wp\/v2\/posts\/113\/revisions"}],"predecessor-version":[{"id":398,"href":"https:\/\/sketch2react.io\/blog\/wp-json\/wp\/v2\/posts\/113\/revisions\/398"}],"wp:attachment":[{"href":"https:\/\/sketch2react.io\/blog\/wp-json\/wp\/v2\/media?parent=113"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/sketch2react.io\/blog\/wp-json\/wp\/v2\/categories?post=113"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/sketch2react.io\/blog\/wp-json\/wp\/v2\/tags?post=113"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}