Design System

“Uma boa solução é atemporal.”

O que é?

“Design System é o processo de definir a arquitetura, módulos,

interfaces e dados de um sistema para satisfazer os requisitos
especificados.” - Wikipédia.

“Design System é a única fonte de verdade que agrupa todos os

elementos que permitirão às equipes projetar, realizar e desenvolver
um produto.” - Audrey Hacq. Head de design de produto
@Openclassrooms.
Por que criar um Design System?

Atualmente, encontramos
inúmeros tipos de cores, fontes,
tamanhos e espaçamentos dentro
do Lab.

Sem uma documentação,

podemos perder muito tempo
duplicando algo que já está feito.
Exemplo de um problema encontrado dentro do Lab:
Design System de outras empresas:

- Adobe;

- Stackoverflow;

- Monday;

- Uber;

- IBM;
Vantagens:

- Maior consistência de identidade e interface;

- Agilidade na criação, implementação e manutenção de componentes;

- Otimização do tempo e do custo de desenvolvimento;

- Escalabilidade;

- Melhorar colaboração entre as áreas;

- Diminuir a duplicação de código no Front-end;

Desvantagens:

- Alocação de pessoas e recursos;

- Overengineering;

- Aumento de complexidade inicial nos processos;

Como iniciar no Lab:

- Estudar um pouco mais sobre;

- Começar pequeno, uma documentação simples;

- Começar com um style guide;

- Tipografia;

- Cores;

- Espaçamentos;

- Usar o DOCZ;
“Fez sentindo para você?” ;D

Obrigado pela sua atenção!

Referências:

- Wikipédia: Design System. - Acessado em 02/21.

- Everything you need to know about DS - Acessado em 02/21.

- What is a Design System? - Acessado em 02/21.

- When We Use Systems. - Acessado em 02/21.

- Design Systems: Hipsters #170 Podcast da Alura - Acessado em 02/21.

- Escalando com DesignOps e Design System - Acessado em 01/21.

- Entendendo Design Systems - Acessado em 01/21.