Módulo 4 de 7
Design systems que escalam
Tempo total: ~33 min
Conhecer um botão não é a mesma coisa que entender o sistema que faz esse botão continuar coerente quando o produto cresce, muda de plataforma e passa a ser mantido por várias pessoas ao mesmo tempo.
Neste módulo, você vai sair do repertório superficial de design systems e entrar em quatro camadas: referências de mercado, arquitetura de componentes, tokens e governança.
Ao final deste módulo, você vai saber
- Comparar Material Design, HIG e Fluent Design
- Explicar Atomic Design e como organiza componentes
- Diferenciar tokens primitivos de semânticos
- Reconhecer por que um design system sem governança volta a ser coleção de telas
Neste módulo
- Material, HIG e Fluent: três exemplos relevantes ~5 min
- Atomic Design: a arquitetura por trás dos componentes ~5 min
- Design tokens: a ponte entre Figma e código ~11 min
- Governança: como um design system continua útil ~5 min
- Caso real: do 'site dos anos 90' à App Store ~3 min
- Na prática + Reflita ~4 min
← Módulo anterior: Projetando para o mundo real
Próximo módulo: IA no trabalho do designer →