Design tokens são os valores de estilo de um produto, como uma cor, um tamanho de fonte, um espaçamento ou um raio de borda, guardados com um nome e um significado, num único lugar. Em vez de espalhar o código de uma cor por mil telas, você define uma vez, dá um nome e usa esse nome em todo lugar.
São a espinha de qualquer design system maduro. Quando os valores moram num só lugar, mudar a identidade vira ajuste central, não caça manual. Trocar a cor da marca, suportar dark mode, manter consistência entre web e app: tudo isso fica viável porque a fonte de verdade é uma só, e design e código falam a mesma língua.
Para quem desenha produto, design tokens são o que conecta a decisão de design à implementação sem ruído. O time de design define o token, o de engenharia consome o mesmo token. A consistência deixa de depender de disciplina manual e passa a ser estrutura.