{"id":1555,"date":"2021-07-14T11:55:43","date_gmt":"2021-07-14T09:55:43","guid":{"rendered":"https:\/\/sketch2react.io\/blog\/?p=1555"},"modified":"2021-10-17T22:27:10","modified_gmt":"2021-10-17T20:27:10","slug":"stratos-tokens-pocket-guide","status":"publish","type":"post","link":"https:\/\/sketch2react.io\/blog\/stratos-tokens-pocket-guide\/","title":{"rendered":"Stratos Tokens Pocket Guide"},"content":{"rendered":"\r\n
\r\n
\r\n
\r\n
\r\n

What better time of the year to learn something brand new than during vacation? When else would you actually have the calm in your mind to dig deep into things that may be challenging?<\/p>\r\n

\"\"
Hello big brother, you’re not alone anymore…<\/figcaption><\/figure>\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

Many designers talk about design tokens. Very few actually know how to work with them straight from Sketch or Figma, so that the output actually is real code and not just a pretty static component library, with obscure references that no one understands. Step up, designers, and help your already overworked engineers.<\/strong><\/p>\r\n

The whole reason we created Stratos Tokens<\/a> in the first place were that we felt that there is a gap to be filled. How do we fill this gap? Find out by downloading a free summer gift from Team Sketch2React immediately.<\/p>\r\n

\"\"<\/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

We have rewritten many of the articles and tutorials to better fit a chill offline reading experience. As we do with our Sketch2React Pocket Guide<\/a>, we will update it with new content from time to time.<\/p>\r\n

Updated our docs<\/h2>\r\n

Worth mentioning is that we also updated our docs around Stratos Tokens. A very common misconception around our built in Style Dictionary support is that we somehow automagically make that happen for you, without effort. That is not the case. Learn why and how<\/a>\u2026<\/p>\r\n

Download ebook<\/h2>\r\n

Go get it here<\/a> and have a great summer!<\/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
<\/div>\r\n<\/div>\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

All the best<\/p>\r\n

Team Sketch2React<\/p>\r\n<\/div>\r\n<\/div>\r\n<\/div>\r\n<\/div>\r\n\r\n\r\n","protected":false},"excerpt":{"rendered":"

What better time of the year to learn something brand new than during vacation? When else would you actually have the calm in your mind to dig deep into things that may be challenging? Many designers talk about design tokens. Very few actually know how to work with them straight from Sketch or Figma, so… Read More »Stratos Tokens Pocket Guide<\/span><\/a><\/p>\n","protected":false},"author":2,"featured_media":1562,"comment_status":"open","ping_status":"closed","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":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":[125,174,119,10,165],"class_list":["post-1555","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-miscellaneous","tag-design-systems","tag-design-tokens","tag-figma","tag-sketch","tag-style-dictionary"],"yoast_head":"\nStratos Tokens Pocket Guide | Sketch2React Blog<\/title>\n<meta name=\"description\" content=\"Learn something new while on vacation. Learn how to create design tokens with Stratos Tokens Pocket Guide for Sketch and Figma, Mac & Windows\" \/>\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\/stratos-tokens-pocket-guide\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Stratos Tokens Pocket Guide - Sketch2React Blog\" \/>\n<meta property=\"og:description\" content=\"Learn something new while on vacation. Learn how to create design tokens with Stratos Tokens Pocket Guide for Sketch and Figma, Mac & Windows\" \/>\n<meta property=\"og:url\" content=\"https:\/\/sketch2react.io\/blog\/stratos-tokens-pocket-guide\/\" \/>\n<meta property=\"og:site_name\" content=\"Sketch2React Blog\" \/>\n<meta property=\"article:published_time\" content=\"2021-07-14T09:55:43+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2021-10-17T20:27:10+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/sketch2react.io\/blog\/wp-content\/uploads\/2021\/07\/tokens-pocket-guide-blog.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=\"2 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\/\/sketch2react.io\/blog\/stratos-tokens-pocket-guide\/#article\",\"isPartOf\":{\"@id\":\"https:\/\/sketch2react.io\/blog\/stratos-tokens-pocket-guide\/\"},\"author\":{\"name\":\"Juan Maguid\",\"@id\":\"https:\/\/sketch2react.io\/blog\/#\/schema\/person\/7fc8fe20e137be20a66bc8634c059f4e\"},\"headline\":\"Stratos Tokens Pocket Guide\",\"datePublished\":\"2021-07-14T09:55:43+00:00\",\"dateModified\":\"2021-10-17T20:27:10+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\/\/sketch2react.io\/blog\/stratos-tokens-pocket-guide\/\"},\"wordCount\":248,\"commentCount\":0,\"publisher\":{\"@id\":\"https:\/\/sketch2react.io\/blog\/#organization\"},\"image\":{\"@id\":\"https:\/\/sketch2react.io\/blog\/stratos-tokens-pocket-guide\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/sketch2react.io\/blog\/wp-content\/uploads\/2021\/07\/tokens-pocket-guide-blog.png\",\"keywords\":[\"Design Systems\",\"Design tokens\",\"Figma\",\"Sketch\",\"Style Dictionary\"],\"articleSection\":[\"Miscellaneous\"],\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"CommentAction\",\"name\":\"Comment\",\"target\":[\"https:\/\/sketch2react.io\/blog\/stratos-tokens-pocket-guide\/#respond\"]}]},{\"@type\":\"WebPage\",\"@id\":\"https:\/\/sketch2react.io\/blog\/stratos-tokens-pocket-guide\/\",\"url\":\"https:\/\/sketch2react.io\/blog\/stratos-tokens-pocket-guide\/\",\"name\":\"Stratos Tokens Pocket Guide - Sketch2React Blog\",\"isPartOf\":{\"@id\":\"https:\/\/sketch2react.io\/blog\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/sketch2react.io\/blog\/stratos-tokens-pocket-guide\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/sketch2react.io\/blog\/stratos-tokens-pocket-guide\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/sketch2react.io\/blog\/wp-content\/uploads\/2021\/07\/tokens-pocket-guide-blog.png\",\"datePublished\":\"2021-07-14T09:55:43+00:00\",\"dateModified\":\"2021-10-17T20:27:10+00:00\",\"description\":\"Learn something new while on vacation. Learn how to create design tokens with Stratos Tokens Pocket Guide for Sketch and Figma, Mac & Windows\",\"breadcrumb\":{\"@id\":\"https:\/\/sketch2react.io\/blog\/stratos-tokens-pocket-guide\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/sketch2react.io\/blog\/stratos-tokens-pocket-guide\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/sketch2react.io\/blog\/stratos-tokens-pocket-guide\/#primaryimage\",\"url\":\"https:\/\/sketch2react.io\/blog\/wp-content\/uploads\/2021\/07\/tokens-pocket-guide-blog.png\",\"contentUrl\":\"https:\/\/sketch2react.io\/blog\/wp-content\/uploads\/2021\/07\/tokens-pocket-guide-blog.png\",\"width\":1920,\"height\":1080},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/sketch2react.io\/blog\/stratos-tokens-pocket-guide\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/sketch2react.io\/blog\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Stratos Tokens Pocket Guide\"}]},{\"@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":"Stratos Tokens Pocket Guide | Sketch2React Blog","description":"Learn something new while on vacation. Learn how to create design tokens with Stratos Tokens Pocket Guide for Sketch and Figma, Mac & Windows","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\/stratos-tokens-pocket-guide\/","og_locale":"en_US","og_type":"article","og_title":"Stratos Tokens Pocket Guide - Sketch2React Blog","og_description":"Learn something new while on vacation. Learn how to create design tokens with Stratos Tokens Pocket Guide for Sketch and Figma, Mac & Windows","og_url":"https:\/\/sketch2react.io\/blog\/stratos-tokens-pocket-guide\/","og_site_name":"Sketch2React Blog","article_published_time":"2021-07-14T09:55:43+00:00","article_modified_time":"2021-10-17T20:27:10+00:00","og_image":[{"width":1920,"height":1080,"url":"https:\/\/sketch2react.io\/blog\/wp-content\/uploads\/2021\/07\/tokens-pocket-guide-blog.png","type":"image\/png"}],"author":"Juan Maguid","twitter_card":"summary_large_image","twitter_misc":{"Written by":"Juan Maguid","Est. reading time":"2 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/sketch2react.io\/blog\/stratos-tokens-pocket-guide\/#article","isPartOf":{"@id":"https:\/\/sketch2react.io\/blog\/stratos-tokens-pocket-guide\/"},"author":{"name":"Juan Maguid","@id":"https:\/\/sketch2react.io\/blog\/#\/schema\/person\/7fc8fe20e137be20a66bc8634c059f4e"},"headline":"Stratos Tokens Pocket Guide","datePublished":"2021-07-14T09:55:43+00:00","dateModified":"2021-10-17T20:27:10+00:00","mainEntityOfPage":{"@id":"https:\/\/sketch2react.io\/blog\/stratos-tokens-pocket-guide\/"},"wordCount":248,"commentCount":0,"publisher":{"@id":"https:\/\/sketch2react.io\/blog\/#organization"},"image":{"@id":"https:\/\/sketch2react.io\/blog\/stratos-tokens-pocket-guide\/#primaryimage"},"thumbnailUrl":"https:\/\/sketch2react.io\/blog\/wp-content\/uploads\/2021\/07\/tokens-pocket-guide-blog.png","keywords":["Design Systems","Design tokens","Figma","Sketch","Style Dictionary"],"articleSection":["Miscellaneous"],"inLanguage":"en-US","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/sketch2react.io\/blog\/stratos-tokens-pocket-guide\/#respond"]}]},{"@type":"WebPage","@id":"https:\/\/sketch2react.io\/blog\/stratos-tokens-pocket-guide\/","url":"https:\/\/sketch2react.io\/blog\/stratos-tokens-pocket-guide\/","name":"Stratos Tokens Pocket Guide - Sketch2React Blog","isPartOf":{"@id":"https:\/\/sketch2react.io\/blog\/#website"},"primaryImageOfPage":{"@id":"https:\/\/sketch2react.io\/blog\/stratos-tokens-pocket-guide\/#primaryimage"},"image":{"@id":"https:\/\/sketch2react.io\/blog\/stratos-tokens-pocket-guide\/#primaryimage"},"thumbnailUrl":"https:\/\/sketch2react.io\/blog\/wp-content\/uploads\/2021\/07\/tokens-pocket-guide-blog.png","datePublished":"2021-07-14T09:55:43+00:00","dateModified":"2021-10-17T20:27:10+00:00","description":"Learn something new while on vacation. Learn how to create design tokens with Stratos Tokens Pocket Guide for Sketch and Figma, Mac & Windows","breadcrumb":{"@id":"https:\/\/sketch2react.io\/blog\/stratos-tokens-pocket-guide\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/sketch2react.io\/blog\/stratos-tokens-pocket-guide\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/sketch2react.io\/blog\/stratos-tokens-pocket-guide\/#primaryimage","url":"https:\/\/sketch2react.io\/blog\/wp-content\/uploads\/2021\/07\/tokens-pocket-guide-blog.png","contentUrl":"https:\/\/sketch2react.io\/blog\/wp-content\/uploads\/2021\/07\/tokens-pocket-guide-blog.png","width":1920,"height":1080},{"@type":"BreadcrumbList","@id":"https:\/\/sketch2react.io\/blog\/stratos-tokens-pocket-guide\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/sketch2react.io\/blog\/"},{"@type":"ListItem","position":2,"name":"Stratos Tokens Pocket Guide"}]},{"@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\/1555","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=1555"}],"version-history":[{"count":10,"href":"https:\/\/sketch2react.io\/blog\/wp-json\/wp\/v2\/posts\/1555\/revisions"}],"predecessor-version":[{"id":1569,"href":"https:\/\/sketch2react.io\/blog\/wp-json\/wp\/v2\/posts\/1555\/revisions\/1569"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/sketch2react.io\/blog\/wp-json\/wp\/v2\/media\/1562"}],"wp:attachment":[{"href":"https:\/\/sketch2react.io\/blog\/wp-json\/wp\/v2\/media?parent=1555"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/sketch2react.io\/blog\/wp-json\/wp\/v2\/categories?post=1555"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/sketch2react.io\/blog\/wp-json\/wp\/v2\/tags?post=1555"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}