Ir para o conteúdo Ir para o menu Ir para a busca Ir para o rodapé

> Biblioteca de referências > O que são Design Tokens?

Imagem do post O que são Design Tokens?

O que são Design Tokens?

O artigo busca desmistificar o conceito de design tokens para quem não tem familiaridade com desenvolvimento. Define tokens são "variáveis semânticas de estilo", ou seja, nomes significativos associados a valores visuais (como cores ou fontes) que facilitam a comunicação entre design e código. Ao invés de aplicar diretamente valores como "#00C2FF", usa-se um identificador como "cor-da-marca-principal", promovendo consistência e facilidade de manutenção em sistemas visuais. O autor explica como os tokens reduzem retrabalho, especialmente em grandes projetos, ao centralizar estilos em folhas como JSON ou CSS. Quando há ajustes (por exemplo, por acessibilidade), basta mudar o valor do token — o restante do sistema se atualiza automaticamente. O artigo propõe que essa abordagem contribui para a escalabilidade, acessibilidade e eficiência dos design systems.

Tags:Design System, Design Tokens

Autor:

Ano:2025

Referência bibliográfica:

FILHO HENRIQUE, Carlos. O que são Design Tokens? Disponível em: <https://brasil.uxdesign.cc/o-que-s%C3%A3o-design-tokens-cd408431727d>. Acesso em: 26 jul. 2025.