O que é deriva de tokens?
Deriva de tokens é o afastamento gradual entre as decisões registradas no design system e os valores que o produto realmente usa. Acontece quando uma superfície - um arquivo do Figma, uma folha de estilos, código gerado por IA - deixa de referenciar a fonte compartilhada e acumula os próprios valores.
Como começa
A deriva nunca se anuncia. Ela chega como decisões pequenas e individualmente razoáveis.
Uma designer precisa de uma borda um pouco mais clara para uma tabela densa e escolhe uma no arquivo em vez de propor um token. Um dev sobe margin-top: 18px às onze da noite porque a escala tem 16 e 20 e nenhum fica bom. Alguém copia um componente de outro projeto junto com a sombra fixa dele.
Nada disso justifica travar um pull request. Seis meses disso produzem uma base de código onde o "azul principal" tem quatro valores.
A aceleração pela IA
Isso ficou mais rápido recentemente, e vale ser preciso sobre o motivo.
Um assistente de IA a quem se pede uma página de configurações não tem, por padrão, acesso ao seu design system. Ele produz valores plausíveis a partir do que viu em outros lugares: #3B82F6 para um primário, 16px para um espaço, uma sombra que lembra a sua sem coincidir.
O resultado parece correto na revisão. Usa valores razoáveis. Só que usa valores razoáveis diferentes dos seus, e faz isso na velocidade em que seu time gera código, que é bem maior do que uma pessoa escrevendo CSS à mão.
Como detectar
- Busque cores hexadecimais na base de código. Num sistema saudável quase todas moram nas definições de tokens.
- Conte os valores de espaçamento distintos em uso contra os passos da sua escala.
- Compare as cores do arquivo do Figma com os tokens do repositório.
- Pegue um componente gerado por IA e confira cada valor contra o sistema.
As contagens costumam ser piores do que o time espera, o que é útil descobrir cedo.
Como prevenir
Torne o sistema alcançável a partir de cada superfície que o consome. Deriva é, sobretudo, uma falha de distribuição. Se uma pessoa ou um modelo precisa largar o que está fazendo para achar o valor certo, às vezes não vai.
Entregue os tokens direto aos agentes. Um servidor Model Context Protocol que serve valores vigentes faz um modelo ler o seu primário em vez de adivinhá-lo.
Confira o código gerado contra o sistema. Apontar valores fixos que têm equivalente em token transforma a deriva em algo visível na revisão, em vez de algo descoberto um ano depois.
Faça uma direção ser a autoritativa. Quando o Figma e o código discordam, alguém precisa poder dizer qual está certo. Um passo de revisão, em que uma mudança de design vira um diff que uma pessoa aprova antes de chegar ao repositório, é a resposta usual.
Onde o Flash DSM entra
O Flash DSM serve tokens vigentes aos agentes de IA via MCP, oferece uma ferramenta check_violations que devolve os valores fixos com o token que os substitui, e transforma publicações do Figma em diffs revisáveis que abrem como pull requests.