Glossário de Product Design
O que é design system?
Também chamado de Sistema de design
Design system é o conjunto de regras, tokens, componentes e documentação que um produto usa para manter consistência visual e de comportamento em todas as telas.
Em detalhe
Um design system vai além de uma biblioteca de componentes no Figma: ele registra decisões (por que este botão, quando usar este alerta), tem uma versão em código e é mantido como um produto, com versões e responsáveis.
O ganho aparece na velocidade e na qualidade: telas novas saem mais rápido, já consistentes, e o time discute problemas de produto em vez de rediscutir a cor de um botão a cada entrega.
Na prática
- Comece auditando o que já existe: liste as variações de botões, cores e ícones.
- Defina tokens antes de componentes; componentes antes de telas.
- Documente o uso (quando usar e quando não usar), não só a aparência.