![\"what](\"https:\/\/exxa.design\/wp-content\/uploads\/2022\/12\/o-que-e-um-design-system.jpg\" "\\"what")
<\/span><\/div><\/div><\/div><\/div><\/div>What is a Design System?<\/h2>\n
A Design System<\/em><\/strong> is a complete set of standards intended to manage a product, application or web system using reusable components and templates, reducing redundancy while creating a shared language and visual consistency across different media and channels.<\/p>\n As Interface design has evolved over the years, the scale and speed at which UI screens must be created has also increased. Not only are there millions of apps and billions of websites, but each of those apps and websites can have hundreds or thousands of pages or screens. With this dramatic expansion comes a dire need for organisations to streamline design work. Thus, many design teams use robust design systems to manage designs at scale. <\/p>\n When implemented well, they can provide many benefits to a design team:<\/p>\nEvolution<\/h2>\n
Why use a Design System?<\/h2>\n
\n
The main benefit of design systems is their ability to replicate design quickly, using prefabricated components and interface elements. Teams can continue to use the same elements over and over again, reducing the need to reinvent the wheel and thus risking unintended inconsistency. <\/li>\n
Since simpler UI elements are already created and reusable, teams can focus less on fine-tuning the visual appearance and more on more complex problems (such as prioritising information, optimising workflow, and managing journeys). While this benefit may seem small when only a small number of screens are created, it becomes substantial when efforts need to be coordinated across dozens of teams and thousands of screens.<\/li>\n
Especially when design responsibilities change or teams disperse geographically, a unified language reduces the waste of design or development time around miscommunication. For example, the functionality or appearance of a drop-down menu would not be discussed, as that term is reserved for a specifically defined element within the design system.<\/li>\n
Particularly where each product or channel operates independently of the others, the absence of an organisation-wide design system can lead to an inconsistent visual appearance and experiences that seem fragmented or unrelated to the brand. Design systems provide a single source of components, patterns and styles and unify disjointed experiences so that they are visually cohesive and appear to be part of the same ecosystem. As an added bonus, any major visual redesigns can be managed at scale through the design system. <\/li>\n
Explicitly written usage guidelines and style guides help individual contributors who are new to UI design or content creation and also serve as a reminder to the rest of the contributors.<\/li>\n<\/ul>\n
![\"manual](\"https:\/\/exxa.design\/wp-content\/uploads\/2022\/12\/manual-de-normas-graficas-portugal-1024x571.jpg\")
![\"component](\"https:\/\/exxa.design\/wp-content\/uploads\/2022\/12\/biblioteca-de-componentes.jpg\")
![\"standards](\"https:\/\/exxa.design\/wp-content\/uploads\/2022\/12\/biblioteca-de-padroes.jpg\")
![](\"https:\/\/exxa.design\/wp-content\/uploads\/2022\/12\/vantagens-design-systems.jpg\" "\\"Vantagens")
<\/span><\/div>\n![\"Exxa](\"https:\/\/exxa.design\/wp-content\/uploads\/2021\/06\/Exxa-Design-Completo@2x.png\" "\\"Exxa")
<\/span><\/div><\/div><\/div><\/div><\/article><\/div><\/p>\n","protected":false},"excerpt":{"rendered":"","protected":false},"author":1,"featured_media":14121,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"_seopress_robots_primary_cat":"none","_seopress_titles_title":"%%post_title%% %%sep%% %%sitetitle%%","_seopress_titles_desc":"What is a Design System? Also learn what style guides, component libraries and pattern libraries are.","_seopress_robots_index":"","inline_featured_image":false,"footnotes":""},"categories":[456,455],"tags":[],"class_list":["post-14173","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-design-en","category-design-thinking-en"],"_links":{"self":[{"href":"https:\/\/exxa.design\/en\/wp-json\/wp\/v2\/posts\/14173","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/exxa.design\/en\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/exxa.design\/en\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/exxa.design\/en\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/exxa.design\/en\/wp-json\/wp\/v2\/comments?post=14173"}],"version-history":[{"count":0,"href":"https:\/\/exxa.design\/en\/wp-json\/wp\/v2\/posts\/14173\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/exxa.design\/en\/wp-json\/wp\/v2\/media\/14121"}],"wp:attachment":[{"href":"https:\/\/exxa.design\/en\/wp-json\/wp\/v2\/media?parent=14173"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/exxa.design\/en\/wp-json\/wp\/v2\/categories?post=14173"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/exxa.design\/en\/wp-json\/wp\/v2\/tags?post=14173"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}