Design e Acessibilidade
O que é Design System?
Design system é o conjunto vivo de componentes, tokens e regras que padroniza a UI de um produto — uma fonte única da verdade visual.
O design system reúne tokens (cores, espaçamentos, tipografia), componentes (botões, inputs, cards) e padrões de uso documentados. Quando a regra muda em um lugar (token), todos os usos atualizam.
Sem design system, cada tela vira uma decisão isolada e o produto envelhece em inconsistências. Com design system, a velocidade de envio cresce e o débito visual cai.
Use na prática
App Studio com tokens
Termos relacionados
Perguntas frequentes
Design system precisa de Figma + código?
O ideal é os dois sincronizados (tokens compartilhados). Em estágio inicial, código com Storybook já entrega o essencial.
Quando começar um design system?
Quando 2-3 produtos ou 2+ designers usam os mesmos componentes. Antes disso, vira overhead sem retorno.