Este projeto tem como objetivo ilustrar como funciona um design system para User Interface, utilizando a ferramenta Adobe XD para definir o guia de estilo e a criação de componentes de interface.
O produto final é o protótipo de um aplicativo de e-commerce fictício construído utilizando o guia de estilo e componentes do design system.
Abaixo temos a visão geral do documento de design system.
O documento de exemplo aborda duas instancias do design system, uma sendo o guia de estilo, que é como um manual de regras a serem seguidas para um design coeso de interface independente de onde e por quem é aplicado. A segunda instancia é onde estão pré-produzidos os componentes (assets) a serem utilizados.
O design system é um organismo vivo, abastecido por designers e desenvolvedores, que produzem colaborativamente e bebem da mesma fonte.
Um design system completo não se limita apenas à interface, mas deve pensar também em experiência de usuário, comportamento, personalidade, documentação, acessibilidade, linguagem e identidade.