{"id":1535,"date":"2017-02-05T20:55:19","date_gmt":"2017-02-05T20:55:19","guid":{"rendered":"http:\/\/www.lepix.org\/free\/?p=1535"},"modified":"2017-10-01T15:53:43","modified_gmt":"2017-10-01T15:53:43","slug":"free-front-end-framework-sketch-complete-technical-start-guide","status":"publish","type":"post","link":"https:\/\/lepix.org\/free\/free-front-end-framework-sketch-complete-technical-start-guide\/","title":{"rendered":"Free front end framework for sketch with a very complete technical start guide"},"content":{"rendered":"<p>This free front end framework for sketch is a very complete technical start guide. The author explains step by step\u00a0is creation process, exposing some cool sketch features for thoses who are starting with this cool program. The article also gives\u00a0some very useful recommendations for web designers who want to achieve better results increasing productivity, it refers some good practices for team work showing a very complete organizational structure divided in six\u00a0principal\u00a0points:<\/p>\n<ul>\n<li id=\"5d57\" class=\"graf graf--li graf-after--p\"><strong class=\"markup--strong markup--li-strong\">Styling:<\/strong> color palette, font-family, typography, Icons.<\/li>\n<li id=\"8576\" class=\"graf graf--li graf-after--li\"><strong class=\"markup--strong markup--li-strong\">Layouts &amp; page patterns:<\/strong> different compositions, grids and main navigation.<\/li>\n<li id=\"44f7\" class=\"graf graf--li graf-after--li\"><strong class=\"markup--strong markup--li-strong\">Navigation elements:<\/strong> links, tabs and pagination.<\/li>\n<li id=\"e1cd\" class=\"graf graf--li graf-after--li\"><strong class=\"markup--strong markup--li-strong\">Modal windows:<\/strong> popovers, tooltips, dropdowns, message dialogs.<\/li>\n<li id=\"0948\" class=\"graf graf--li graf-after--li\"><strong class=\"markup--strong markup--li-strong\">Entering text:<\/strong> forms.<\/li>\n<li id=\"9313\" class=\"graf graf--li graf-after--li\"><strong class=\"markup--strong markup--li-strong\">Components<\/strong><\/li>\n<\/ul>\n<p>In the end of his\u00a0cool article\u00a0<a class=\"link link link--darken link--darker u-baseColor--link is-touched\" dir=\"auto\" href=\"https:\/\/medium.com\/@sebamantel?source=post_header_lockup\" target=\"_blank\" data-action=\"show-user-card\" data-action-source=\"post_header_lockup\" data-action-value=\"4959f7010bb5\" data-action-type=\"hover\" data-user-id=\"4959f7010bb5\">Seba Mantel<\/a>\u00a0shares his\u00a0framework. So if you want to start using sketch or if you already do it but want to increase your workflow, this is certainly for you. If you like it, don&#8217;t forget to give some good feedback to the author, he really deserves it.<\/p>\n<p>Credits for:\u00a0<a class=\"link link--darker link--darken u-accentColor--textDarken u-baseColor--link is-touched\" dir=\"auto\" title=\"Go to the profile of Seba Mantel\" href=\"https:\/\/medium.com\/@sebamantel\" target=\"_blank\" data-user-id=\"4959f7010bb5\">Seba Mantel<\/a><\/p>\n<a href=\"https:\/\/medium.com\/sketch-app-sources\/how-to-create-a-front-end-framework-with-sketch-2379edb5e7df#.ku475bke7\" class=\"symple-button default black   \" target=\"_blank\" title=\"Visit Site\" style=\"border-radius:0px\" rel=\"\"><span class=\"symple-button-inner\" style=\"border-radius:0px\"><span class=\"symple-button-icon-left fa fa-fa chevron-down\"><\/span>Download Resource Here<\/span><\/a>\n<p>&nbsp;<\/p>\n<div style=\"width: 2010px\" class=\"wp-caption alignnone\"><img data-recalc-dims=\"1\" decoding=\"async\" loading=\"lazy\" class=\"size-full\" src=\"https:\/\/i0.wp.com\/lepix.org\/free\/wp-content\/uploads\/-000\/\/1\/1%2ABmaLZzro_CRuppVWr1hzVA.png?resize=980%2C432\" width=\"980\" height=\"432\" \/><p class=\"wp-caption-text\">Front End Framework for Sketch<\/p><\/div>\n<p>&nbsp;<\/p>\n<p>&nbsp;<\/p>\n<div style=\"width: 783px\" class=\"wp-caption alignnone\"><img data-recalc-dims=\"1\" decoding=\"async\" loading=\"lazy\" class=\"size-full\" src=\"https:\/\/i0.wp.com\/lepix.org\/free\/wp-content\/uploads\/-000\/\/1\/1%2AGmMBqaF-_o8DSW15ofCA1Q.gif?resize=773%2C349\" width=\"773\" height=\"349\" \/><p class=\"wp-caption-text\">sketch provides a series of options to design responsive tables<\/p><\/div>\n<p>&nbsp;<\/p>\n<p>&nbsp;<\/p>\n<p>&nbsp;<\/p>\n","protected":false},"excerpt":{"rendered":"<p>This free front end framework for sketch is a very complete technical start guide. The author explains step by step\u00a0is creation process, exposing some cool sketch features for thoses who are starting with this cool program. The article also gives\u00a0some very useful recommendations for web designers who want to achieve better results increasing productivity, it [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":1540,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"nf_dc_page":"","_monsterinsights_skip_tracking":false,"_jetpack_newsletter_access":"","_jetpack_dont_email_post_to_subs":false,"_jetpack_newsletter_tier_id":0,"_jetpack_memberships_contains_paywalled_content":false,"_jetpack_feature_clip_id":0,"_jetpack_memberships_contains_paid_content":false,"nfd_image_url":"","nfd_onboarding_generated":"","footnotes":"","jetpack_publicize_message":"","jetpack_publicize_feature_enabled":true,"jetpack_social_post_already_shared":true,"jetpack_social_options":{"image_generator_settings":{"template":"highway","default_image_id":0,"font":"","enabled":false},"version":2},"jetpack_post_was_ever_published":false},"categories":[5,462,3],"tags":[371,370,173,17,144,18,395,392,20,58,16,372,394,316,290,393,57,38,142,373,146,147,374,368,289],"class_list":["post-1535","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-freebies","category-sketch","category-ui-kits","tag-calendar","tag-dashboard","tag-design","tag-design-resources","tag-framework","tag-free","tag-free-front-end-framework-for-sketch-with-a-very-complete-technical-start-guidev","tag-front-end-framework","tag-gratis","tag-lepix","tag-lepix-org","tag-log-in","tag-seba-mantel","tag-simple","tag-sketch","tag-styleguide","tag-template","tag-ui-kit","tag-user-interface","tag-users","tag-ux","tag-web-design","tag-web-page-template","tag-web-template","tag-workflow","loop-entry","clr"],"aioseo_notices":[],"aioseo_head":"\n\t\t<!-- All in One SEO 5.0.4 - aioseo.com -->\n\t<meta name=\"description\" content=\"This free front end framework for sketch is a very complete technical start guide. The author explains step by step is creation process, exposing some cool sketch features for thoses who are starting with this cool program. The article also gives some very useful recommendations for web designers who want to achieve better results increasing productivity, it\" \/>\n\t<meta name=\"robots\" content=\"max-image-preview:large\" \/>\n\t<meta name=\"author\" content=\"lmf.rodrigues@gmail.com\"\/>\n\t<meta name=\"keywords\" content=\"calendar,dashboard,design,design resources,framework,free,free front end framework for sketch with a very complete technical start guidev,front end framework,gr\u00e1tis,lepix,lepix.org,log in,seba mantel,simple,sketch,styleguide,template,ui kit,user interface,users,ux,web design,web page template,web template,workflow\" \/>\n\t<link rel=\"canonical\" href=\"https:\/\/lepix.org\/free\/free-front-end-framework-sketch-complete-technical-start-guide\/\" \/>\n\t\t<meta name=\"generator\" content=\"All in One SEO (AIOSEO) 5.0.4\" \/>\n\t\t<meta property=\"og:locale\" content=\"en_US\" \/>\n\t\t<meta property=\"og:site_name\" content=\"Lepix.org - Design Resources + Inspiration | lepix.org curates free design resources promoting their authors as well\" \/>\n\t\t<meta property=\"og:type\" content=\"article\" \/>\n\t\t<meta property=\"og:title\" content=\"Free front end framework for sketch with a very complete technical start guide | Lepix.org - Design Resources + Inspiration\" \/>\n\t\t<meta property=\"og:description\" content=\"This free front end framework for sketch is a very complete technical start guide. The author explains step by step is creation process, exposing some cool sketch features for thoses who are starting with this cool program. The article also gives some very useful recommendations for web designers who want to achieve better results increasing productivity, it\" \/>\n\t\t<meta property=\"og:url\" content=\"https:\/\/lepix.org\/free\/free-front-end-framework-sketch-complete-technical-start-guide\/\" \/>\n\t\t<meta property=\"article:published_time\" content=\"2017-02-05T20:55:19+00:00\" \/>\n\t\t<meta property=\"article:modified_time\" content=\"2017-10-01T15:53:43+00:00\" \/>\n\t\t<meta name=\"twitter:card\" content=\"summary\" \/>\n\t\t<meta name=\"twitter:title\" content=\"Free front end framework for sketch with a very complete technical start guide | Lepix.org - Design Resources + Inspiration\" \/>\n\t\t<meta name=\"twitter:description\" content=\"This free front end framework for sketch is a very complete technical start guide. The author explains step by step is creation process, exposing some cool sketch features for thoses who are starting with this cool program. The article also gives some very useful recommendations for web designers who want to achieve better results increasing productivity, it\" \/>\n\t\t<script type=\"application\/ld+json\" class=\"aioseo-schema\">\n\t\t\t{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\\\/\\\/lepix.org\\\/free\\\/free-front-end-framework-sketch-complete-technical-start-guide\\\/#article\",\"name\":\"Free front end framework for sketch with a very complete technical start guide | Lepix.org - Design Resources + Inspiration\",\"headline\":\"Free front end framework for sketch with a very complete technical start guide\",\"author\":{\"@id\":\"https:\\\/\\\/lepix.org\\\/free\\\/author\\\/lmf-rodriguesgmail-com\\\/#author\"},\"publisher\":{\"@id\":\"https:\\\/\\\/lepix.org\\\/free\\\/#organization\"},\"image\":{\"@type\":\"ImageObject\",\"url\":\"https:\\\/\\\/i0.wp.com\\\/lepix.org\\\/free\\\/wp-content\\\/uploads\\\/-000\\\/\\\/1\\\/1%2ABmaLZzro_CRuppVWr1hzVA.png?fit=1600%2C705&ssl=1\",\"width\":1600,\"height\":705},\"datePublished\":\"2017-02-05T20:55:19+00:00\",\"dateModified\":\"2017-10-01T15:53:43+00:00\",\"inLanguage\":\"en-US\",\"mainEntityOfPage\":{\"@id\":\"https:\\\/\\\/lepix.org\\\/free\\\/free-front-end-framework-sketch-complete-technical-start-guide\\\/#webpage\"},\"isPartOf\":{\"@id\":\"https:\\\/\\\/lepix.org\\\/free\\\/free-front-end-framework-sketch-complete-technical-start-guide\\\/#webpage\"},\"articleSection\":\"Freebies, Sketch, UI Kits, calendar, dashboard, design, Design Resources, framework, Free, Free front end framework for sketch with a very complete technical start guidev, front end framework, gr\\u00e1tis, lepix, lepix.org, log in, seba mantel, simple, sketch, styleguide, template, UI kit, user interface, users, UX, Web Design, web page template, web template, workflow\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/lepix.org\\\/free\\\/free-front-end-framework-sketch-complete-technical-start-guide\\\/#breadcrumblist\",\"itemListElement\":[{\"@type\":\"ListItem\",\"@id\":\"https:\\\/\\\/lepix.org\\\/free\\\/#listItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\\\/\\\/lepix.org\\\/free\\\/\",\"nextItem\":{\"@type\":\"ListItem\",\"@id\":\"https:\\\/\\\/lepix.org\\\/free\\\/category\\\/ui-kits\\\/#listItem\",\"name\":\"UI Kits\"}},{\"@type\":\"ListItem\",\"@id\":\"https:\\\/\\\/lepix.org\\\/free\\\/category\\\/ui-kits\\\/#listItem\",\"position\":2,\"name\":\"UI Kits\",\"item\":\"https:\\\/\\\/lepix.org\\\/free\\\/category\\\/ui-kits\\\/\",\"nextItem\":{\"@type\":\"ListItem\",\"@id\":\"https:\\\/\\\/lepix.org\\\/free\\\/free-front-end-framework-sketch-complete-technical-start-guide\\\/#listItem\",\"name\":\"Free front end framework for sketch with a very complete technical start guide\"},\"previousItem\":{\"@type\":\"ListItem\",\"@id\":\"https:\\\/\\\/lepix.org\\\/free\\\/#listItem\",\"name\":\"Home\"}},{\"@type\":\"ListItem\",\"@id\":\"https:\\\/\\\/lepix.org\\\/free\\\/free-front-end-framework-sketch-complete-technical-start-guide\\\/#listItem\",\"position\":3,\"name\":\"Free front end framework for sketch with a very complete technical start guide\",\"previousItem\":{\"@type\":\"ListItem\",\"@id\":\"https:\\\/\\\/lepix.org\\\/free\\\/category\\\/ui-kits\\\/#listItem\",\"name\":\"UI Kits\"}}]},{\"@type\":\"Organization\",\"@id\":\"https:\\\/\\\/lepix.org\\\/free\\\/#organization\",\"name\":\"Lepix.org - Design Resources + Inspiration\",\"description\":\"lepix.org curates free design resources promoting their authors as well\",\"url\":\"https:\\\/\\\/lepix.org\\\/free\\\/\"},{\"@type\":\"Person\",\"@id\":\"https:\\\/\\\/lepix.org\\\/free\\\/author\\\/lmf-rodriguesgmail-com\\\/#author\",\"url\":\"https:\\\/\\\/lepix.org\\\/free\\\/author\\\/lmf-rodriguesgmail-com\\\/\",\"name\":\"lmf.rodrigues@gmail.com\",\"image\":{\"@type\":\"ImageObject\",\"@id\":\"https:\\\/\\\/lepix.org\\\/free\\\/free-front-end-framework-sketch-complete-technical-start-guide\\\/#authorImage\",\"url\":\"\\\/\\\/www.gravatar.com\\\/avatar\\\/3ca5f0e0774a089dcea4658b547a7031?s=96&#038;r=g&#038;d=mm\",\"width\":96,\"height\":96,\"caption\":\"lmf.rodrigues@gmail.com\"}},{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/lepix.org\\\/free\\\/free-front-end-framework-sketch-complete-technical-start-guide\\\/#webpage\",\"url\":\"https:\\\/\\\/lepix.org\\\/free\\\/free-front-end-framework-sketch-complete-technical-start-guide\\\/\",\"name\":\"Free front end framework for sketch with a very complete technical start guide | Lepix.org - Design Resources + Inspiration\",\"description\":\"This free front end framework for sketch is a very complete technical start guide. The author explains step by step is creation process, exposing some cool sketch features for thoses who are starting with this cool program. The article also gives some very useful recommendations for web designers who want to achieve better results increasing productivity, it\",\"inLanguage\":\"en-US\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/lepix.org\\\/free\\\/#website\"},\"breadcrumb\":{\"@id\":\"https:\\\/\\\/lepix.org\\\/free\\\/free-front-end-framework-sketch-complete-technical-start-guide\\\/#breadcrumblist\"},\"author\":{\"@id\":\"https:\\\/\\\/lepix.org\\\/free\\\/author\\\/lmf-rodriguesgmail-com\\\/#author\"},\"creator\":{\"@id\":\"https:\\\/\\\/lepix.org\\\/free\\\/author\\\/lmf-rodriguesgmail-com\\\/#author\"},\"image\":{\"@type\":\"ImageObject\",\"url\":\"https:\\\/\\\/i0.wp.com\\\/lepix.org\\\/free\\\/wp-content\\\/uploads\\\/-000\\\/\\\/1\\\/1%2ABmaLZzro_CRuppVWr1hzVA.png?fit=1600%2C705&ssl=1\",\"@id\":\"https:\\\/\\\/lepix.org\\\/free\\\/free-front-end-framework-sketch-complete-technical-start-guide\\\/#mainImage\",\"width\":1600,\"height\":705},\"primaryImageOfPage\":{\"@id\":\"https:\\\/\\\/lepix.org\\\/free\\\/free-front-end-framework-sketch-complete-technical-start-guide\\\/#mainImage\"},\"datePublished\":\"2017-02-05T20:55:19+00:00\",\"dateModified\":\"2017-10-01T15:53:43+00:00\"},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/lepix.org\\\/free\\\/#website\",\"url\":\"https:\\\/\\\/lepix.org\\\/free\\\/\",\"name\":\"Lepix.org - Design Resources + Inspiration\",\"description\":\"lepix.org curates free design resources promoting their authors as well\",\"inLanguage\":\"en-US\",\"publisher\":{\"@id\":\"https:\\\/\\\/lepix.org\\\/free\\\/#organization\"}}]}\n\t\t<\/script>\n\t\t<!-- All in One SEO -->\n\n","aioseo_head_json":{"title":"Free front end framework for sketch with a very complete technical start guide | Lepix.org - Design Resources + Inspiration","description":"This free front end framework for sketch is a very complete technical start guide. The author explains step by step is creation process, exposing some cool sketch features for thoses who are starting with this cool program. The article also gives some very useful recommendations for web designers who want to achieve better results increasing productivity, it","canonical_url":"https:\/\/lepix.org\/free\/free-front-end-framework-sketch-complete-technical-start-guide\/","robots":"max-image-preview:large","keywords":"calendar,dashboard,design,design resources,framework,free,free front end framework for sketch with a very complete technical start guidev,front end framework,gr\u00e1tis,lepix,lepix.org,log in,seba mantel,simple,sketch,styleguide,template,ui kit,user interface,users,ux,web design,web page template,web template,workflow","webmasterTools":{"miscellaneous":""},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/lepix.org\/free\/free-front-end-framework-sketch-complete-technical-start-guide\/#article","name":"Free front end framework for sketch with a very complete technical start guide | Lepix.org - Design Resources + Inspiration","headline":"Free front end framework for sketch with a very complete technical start guide","author":{"@id":"https:\/\/lepix.org\/free\/author\/lmf-rodriguesgmail-com\/#author"},"publisher":{"@id":"https:\/\/lepix.org\/free\/#organization"},"image":{"@type":"ImageObject","url":"https:\/\/i0.wp.com\/lepix.org\/free\/wp-content\/uploads\/-000\/\/1\/1%2ABmaLZzro_CRuppVWr1hzVA.png?fit=1600%2C705&ssl=1","width":1600,"height":705},"datePublished":"2017-02-05T20:55:19+00:00","dateModified":"2017-10-01T15:53:43+00:00","inLanguage":"en-US","mainEntityOfPage":{"@id":"https:\/\/lepix.org\/free\/free-front-end-framework-sketch-complete-technical-start-guide\/#webpage"},"isPartOf":{"@id":"https:\/\/lepix.org\/free\/free-front-end-framework-sketch-complete-technical-start-guide\/#webpage"},"articleSection":"Freebies, Sketch, UI Kits, calendar, dashboard, design, Design Resources, framework, Free, Free front end framework for sketch with a very complete technical start guidev, front end framework, gr\u00e1tis, lepix, lepix.org, log in, seba mantel, simple, sketch, styleguide, template, UI kit, user interface, users, UX, Web Design, web page template, web template, workflow"},{"@type":"BreadcrumbList","@id":"https:\/\/lepix.org\/free\/free-front-end-framework-sketch-complete-technical-start-guide\/#breadcrumblist","itemListElement":[{"@type":"ListItem","@id":"https:\/\/lepix.org\/free\/#listItem","position":1,"name":"Home","item":"https:\/\/lepix.org\/free\/","nextItem":{"@type":"ListItem","@id":"https:\/\/lepix.org\/free\/category\/ui-kits\/#listItem","name":"UI Kits"}},{"@type":"ListItem","@id":"https:\/\/lepix.org\/free\/category\/ui-kits\/#listItem","position":2,"name":"UI Kits","item":"https:\/\/lepix.org\/free\/category\/ui-kits\/","nextItem":{"@type":"ListItem","@id":"https:\/\/lepix.org\/free\/free-front-end-framework-sketch-complete-technical-start-guide\/#listItem","name":"Free front end framework for sketch with a very complete technical start guide"},"previousItem":{"@type":"ListItem","@id":"https:\/\/lepix.org\/free\/#listItem","name":"Home"}},{"@type":"ListItem","@id":"https:\/\/lepix.org\/free\/free-front-end-framework-sketch-complete-technical-start-guide\/#listItem","position":3,"name":"Free front end framework for sketch with a very complete technical start guide","previousItem":{"@type":"ListItem","@id":"https:\/\/lepix.org\/free\/category\/ui-kits\/#listItem","name":"UI Kits"}}]},{"@type":"Organization","@id":"https:\/\/lepix.org\/free\/#organization","name":"Lepix.org - Design Resources + Inspiration","description":"lepix.org curates free design resources promoting their authors as well","url":"https:\/\/lepix.org\/free\/"},{"@type":"Person","@id":"https:\/\/lepix.org\/free\/author\/lmf-rodriguesgmail-com\/#author","url":"https:\/\/lepix.org\/free\/author\/lmf-rodriguesgmail-com\/","name":"lmf.rodrigues@gmail.com","image":{"@type":"ImageObject","@id":"https:\/\/lepix.org\/free\/free-front-end-framework-sketch-complete-technical-start-guide\/#authorImage","url":"\/\/www.gravatar.com\/avatar\/3ca5f0e0774a089dcea4658b547a7031?s=96&#038;r=g&#038;d=mm","width":96,"height":96,"caption":"lmf.rodrigues@gmail.com"}},{"@type":"WebPage","@id":"https:\/\/lepix.org\/free\/free-front-end-framework-sketch-complete-technical-start-guide\/#webpage","url":"https:\/\/lepix.org\/free\/free-front-end-framework-sketch-complete-technical-start-guide\/","name":"Free front end framework for sketch with a very complete technical start guide | Lepix.org - Design Resources + Inspiration","description":"This free front end framework for sketch is a very complete technical start guide. The author explains step by step is creation process, exposing some cool sketch features for thoses who are starting with this cool program. The article also gives some very useful recommendations for web designers who want to achieve better results increasing productivity, it","inLanguage":"en-US","isPartOf":{"@id":"https:\/\/lepix.org\/free\/#website"},"breadcrumb":{"@id":"https:\/\/lepix.org\/free\/free-front-end-framework-sketch-complete-technical-start-guide\/#breadcrumblist"},"author":{"@id":"https:\/\/lepix.org\/free\/author\/lmf-rodriguesgmail-com\/#author"},"creator":{"@id":"https:\/\/lepix.org\/free\/author\/lmf-rodriguesgmail-com\/#author"},"image":{"@type":"ImageObject","url":"https:\/\/i0.wp.com\/lepix.org\/free\/wp-content\/uploads\/-000\/\/1\/1%2ABmaLZzro_CRuppVWr1hzVA.png?fit=1600%2C705&ssl=1","@id":"https:\/\/lepix.org\/free\/free-front-end-framework-sketch-complete-technical-start-guide\/#mainImage","width":1600,"height":705},"primaryImageOfPage":{"@id":"https:\/\/lepix.org\/free\/free-front-end-framework-sketch-complete-technical-start-guide\/#mainImage"},"datePublished":"2017-02-05T20:55:19+00:00","dateModified":"2017-10-01T15:53:43+00:00"},{"@type":"WebSite","@id":"https:\/\/lepix.org\/free\/#website","url":"https:\/\/lepix.org\/free\/","name":"Lepix.org - Design Resources + Inspiration","description":"lepix.org curates free design resources promoting their authors as well","inLanguage":"en-US","publisher":{"@id":"https:\/\/lepix.org\/free\/#organization"}}]},"og:locale":"en_US","og:site_name":"Lepix.org - Design Resources + Inspiration | lepix.org curates free design resources promoting their authors as well","og:type":"article","og:title":"Free front end framework for sketch with a very complete technical start guide | Lepix.org - Design Resources + Inspiration","og:description":"This free front end framework for sketch is a very complete technical start guide. The author explains step by step is creation process, exposing some cool sketch features for thoses who are starting with this cool program. The article also gives some very useful recommendations for web designers who want to achieve better results increasing productivity, it","og:url":"https:\/\/lepix.org\/free\/free-front-end-framework-sketch-complete-technical-start-guide\/","article:published_time":"2017-02-05T20:55:19+00:00","article:modified_time":"2017-10-01T15:53:43+00:00","twitter:card":"summary","twitter:title":"Free front end framework for sketch with a very complete technical start guide | Lepix.org - Design Resources + Inspiration","twitter:description":"This free front end framework for sketch is a very complete technical start guide. The author explains step by step is creation process, exposing some cool sketch features for thoses who are starting with this cool program. The article also gives some very useful recommendations for web designers who want to achieve better results increasing productivity, it"},"aioseo_meta_data":{"post_id":"1535","title":null,"description":null,"keywords":null,"keyphrases":null,"primary_term":null,"canonical_url":null,"og_title":null,"og_description":null,"og_object_type":"default","og_image_type":"default","og_image_url":null,"og_image_width":null,"og_image_height":null,"og_image_custom_url":null,"og_image_custom_fields":null,"og_video":null,"og_custom_url":null,"og_article_section":null,"og_article_tags":null,"twitter_use_og":false,"twitter_card":"default","twitter_image_type":"default","twitter_image_url":null,"twitter_image_custom_url":null,"twitter_image_custom_fields":null,"twitter_title":null,"twitter_description":null,"schema":{"blockGraphs":[],"customGraphs":[],"default":{"data":{"Article":[],"Course":[],"Dataset":[],"FAQPage":[],"Movie":[],"Person":[],"Product":[],"ProductReview":[],"Car":[],"Recipe":[],"Service":[],"SoftwareApplication":[],"WebPage":[]},"graphName":"Article","isEnabled":true},"graphs":[]},"schema_type":null,"schema_type_options":null,"pillar_content":false,"robots_default":true,"robots_noindex":false,"robots_noarchive":false,"robots_nosnippet":false,"robots_nofollow":false,"robots_noimageindex":false,"robots_noodp":false,"robots_notranslate":false,"robots_max_snippet":null,"robots_max_videopreview":null,"robots_max_imagepreview":"large","priority":null,"frequency":null,"location":null,"local_seo":null,"breadcrumb_settings":null,"limit_modified_date":false,"ai":null,"created":"2021-01-31 20:11:57","updated":"2025-06-04 11:56:06","seo_analyzer_scan_date":null,"focus_keyword":null,"additional_keywords":null,"truseo_locale":null},"jetpack_publicize_connections":[],"jetpack_sharing_enabled":true,"jetpack_shortlink":"https:\/\/wp.me\/p5NRH4-oL","jetpack-related-posts":[],"jetpack_likes_enabled":true,"jetpack_featured_media_url":"https:\/\/i0.wp.com\/lepix.org\/free\/wp-content\/uploads\/-000\/\/1\/1%2ABmaLZzro_CRuppVWr1hzVA.png?fit=1600%2C705&ssl=1","_links":{"self":[{"href":"https:\/\/lepix.org\/free\/wp-json\/wp\/v2\/posts\/1535","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/lepix.org\/free\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/lepix.org\/free\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/lepix.org\/free\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/lepix.org\/free\/wp-json\/wp\/v2\/comments?post=1535"}],"version-history":[{"count":5,"href":"https:\/\/lepix.org\/free\/wp-json\/wp\/v2\/posts\/1535\/revisions"}],"predecessor-version":[{"id":1545,"href":"https:\/\/lepix.org\/free\/wp-json\/wp\/v2\/posts\/1535\/revisions\/1545"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/lepix.org\/free\/wp-json\/wp\/v2\/media\/1540"}],"wp:attachment":[{"href":"https:\/\/lepix.org\/free\/wp-json\/wp\/v2\/media?parent=1535"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/lepix.org\/free\/wp-json\/wp\/v2\/categories?post=1535"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/lepix.org\/free\/wp-json\/wp\/v2\/tags?post=1535"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}