Design system é um conjunto de componentes reutilizáveis guiados por padrões de uso e práticas compartilhadas organizadas de forma coerente para atender ao propósito de um produto digital. (Alla Kholmatova)
<aside> 💡 Para entender mais sobre componentes acesse a página Componentes
</aside>
Um conjunto de componentes por si só pode até fazer um styleguide, mas não faz um design system.
👉 Styleguide, ou Guia de estilo, nada mais é do que um padrão de estilo de componentes. Por exemplo: os botões primários têm bordas arredondadas e cor azul.
👉 Design system vai além: até podemos determinar alguns padrões de estilo, mas a ideia é que seja mais genérico. Por exemplo: com o uso de design tokens podemos estilizar os componentes e montar diferentes styleguides para diversos produtos.
Imagem por Caroline Krone.
<aside> 📚 Artigos
</aside>
By the people, for the people: Keeping your design system evergreen
How building a design system empowers your team to focus on people - not pixels.