November 20

How to create a FRONT END FRAMEWORK with Sketch

Some aspects to consider:

When we work with a big team of designers at the same time in the same project it is difficult to be aligned, and even more so when the project is an ecosystem of applications that must follow an aesthetic line and comply with certain guidelines that specify behaviors and interactions.

One of the ways that we can take to generate a “normalization” in the interface is to define a styleguide (thought from a 100% visual perspective) that helps the whole design team to avoid future changes, unnecessary work hours and increase productivity, allowing us to have a better focus on the behavior of components and interactions within the application.

A good style guide must be adopted by all the team members, such as developers, product owners, project managers and even the client, which will generate better communication and greater collaboration between them. To this “evolved” style guide, we call the Front End Framework (FEF).

captura-de-pantalla-2016-11-21-a-las-17-03-09captura-de-pantalla-2016-11-21-a-las-17-03-09
[unex_ce_button id="content_e47qduvbv" button_text_color="#ffffff" button_font="custom_one" button_font_size="15px" button_width="auto" button_alignment="center" button_text_spacing="1px" button_bg_color="#161616" button_padding="15px 60px 15px 60px" button_border_width="1px" button_border_color="#267bf2" button_border_radius="0px" button_text_hover_color="#262626" button_text_spacing_hover="1px" button_bg_hover_color="#ffffff" button_border_hover_color="#ffffff" button_link="https://medium.com/sketch-app-sources/how-to-create-a-front-end-framework-with-sketch-2379edb5e7df#.qlnhxwmhq" button_link_type="url" button_link_target="_blank" has_container="1" in_column=""]READ FULL ARTICLE[/ce_button]