this is an h1

Design system é um sistema de padronização dos elementos, regras e princípios que orientam o desenvolvimento das interfaces de uma empresa. Seu objetivo é criar uma identidade para o usuário e facilitar o trabalho dos designers e desenvolvedores.

Trata-se de um recurso fundamental para garantir agilidade e precisão no desenvolvimento de produtos digitais. As características básicas do design system são: consistência, padronização e identidade da marca.

O design system serve para resolver inconsistências de  interface de usuário, falta de comunicação e trabalho não eficiente de equipes multidisciplinares e de design. Resumindo, o objetivo do design system é facilitar o desenvolvimento da interface. 

Assim como o design system, existem outras ferramentas de suporte ao desenvolvimento de interface. O design system acaba fazendo uso delas para montar uma visão estratégica e os princípios do design. Vamos ver o que cada uma faz para não confundir os conceitos:

• Style Guide: é o manual de estilo, um documento que apresenta as diretrizes de design de um projeto, produto ou empresa.
• Pattern Library: é uma biblioteca com os padrões de elementos de design de interface do usuário.

Na prática, existem modelos design system no mercado. Confira alguns exemplos:

Stack Overflow

O Stack Overflow possui um design system que utiliza classes CSS, uso de marca e e-mail marketing. É um sistema bastante conhecido na comunidade de UX e de design.

Adobe Spectrum

Uma das funcionalidades do Adobe Spectrum é a preocupação com o modo noturno da aplicação. O Adobe Spectrum oferece ferramentas para tornar os aplicativos da Adobe mais coesos e permitir que as equipes de design trabalhem com mais eficiência.

Claro Mondrian

Claro Mondrian é um exemplo brasileiro que disponibiliza bibliotecas em react de componentes específicos. Disponibiliza uma manutenção centralizada e visa a uma melhor produtividade e menos inconsistências. 

Material Design Google

Material Design Google foi criado para auxiliar equipes a criar experiências digitais de alta qualidade para os sistemas Android, iOS, Flutter e Web.

Todos esses exemplos têm características próprias, mas existem cinco princípios do design system. São eles:

1. Design system são produtos digitais e, por isso, precisam de manutenção e atualização constante;
2. A colaboração faz parte do processo. O design system deve ser compartilhado para todas as áreas, não apenas para os desenvolvedores; 
3. A simplicidade para encontrar as informações é fundamental. A navegação deve ser simples, e as respostas devem ser encontradas rapidamente;
4. Design system necessita de comunicação e engajamento. Todos na empresa devem conhecê-lo;
5. Design system deve ser centralizado e único para toda a empresa.

Percebe-se a importância do design system na escalabilidade de um produto. Padronização e identidade visual da marca são essenciais para passar credibilidade, atrair a atenção e melhorar a experiência do usuário. Todos esses elementos parecem detalhes, mas não passam despercebidos. Se você quer que seu produto ganhe mercado, é preciso planejar e aproveitar ferramentas como o design system no seu negócio. 

Para saber mais, escute o podcast do Sebrae-PR: PODcrer - Pílulas de Inovação Design System 

E assista o vídeo UX e CX - Bem-vindo a era da EXPERIÊNCIA