O que é Design Sytem? 🎨
O que é qual a necessidade de um Design System.
Quando há uma empresa grandes ou com times grandes que estão construindo vários projetos frontend sendo construídos por vários Squads. É muito comum que o layout da aplicação acabe fugindo de padrões que queremos seguir em todas as aplicações. Para que no final o usuário não perceba a transição entre às várias aplicações.
Muitas vezes esses padrões não acabam sendo seguidos e ocorrem de haver mínimas alterações indesejadas no design da aplicação. O design system vem como uma documentação dos padrões de layout de várias aplicações de uma empresa ou projeto. O design system é todo e qualquer componente visual que pode ser compartilhado em qualquer aplicação da empresa, como: dropdown; botão; avatar, etc.
Não é como uma biblioteca de UI Components e UI Kit.
O conceito do Design System e incluir somente elementos visuais, os quais eles podem ser reaproveitados em qualquer aplicação da empresa. Se temos alguns elementos visuais que não podem ser usados livremente em qualquer projeto, UI Kits menores com componentes reaproveitáveis entre aplicações podem ser usados, por exemplo, backoffice designs.
Como nasce um Design System
O surgimento de um design system nasce quando uma empresa começa a construir várias aplicações e percebe que existem elementos que são repetitivos, ou quando é percebida pequenas diferenças entre elementos, afetando a cor, tamanho ou altura.
Exemplo de Design System
- Primer - https://primer.style/