● Glossário · Design e UX
Design system
Sistema de design · Biblioteca de componentes
O que é Design system
Um design system reúne cores, tipografia, espaçamentos (os tokens), componentes (botões, campos, cards) e as regras de quando usar cada um.
Vive no Figma e, idealmente, também no código, para que design e desenvolvimento usem exatamente as mesmas peças.
Por que importa para startups
Sem sistema, cada tela nova é desenhada do zero e o produto vai perdendo coerência. Com ele, o time constrói mais rápido e com menos retrabalho.
Como a Perforza trabalha com isso
Começamos enxuto, com os componentes que o produto realmente usa, e crescemos o sistema conforme o produto evolui, sempre alinhado ao front-end.
Exemplo
Com um componente de tabela pronto, o time cria três telas de relatório novas em uma semana, todas consistentes entre si.
Erros comuns
- Construir um design system enorme antes de ter produto.
- Manter Figma e código desalinhados.
Perguntas
Startup em fase inicial precisa de design system?
Precisa de uma versão mínima: tokens e os componentes básicos. O sistema completo cresce junto com o produto.