Other Tokens
Conteúdo adaptado da documentação oficial do Tokens Studio (TS), disponível aqui.
Os Other Tokens foram criados para capturar decisões de design que não se encaixam nos tipos tradicionais de tokens.
Eles funcionam como uma camada de informação adicional, útil para documentar regras, notas técnicas ou propriedades customizadas, sem necessariamente aplicar diretamente no Figma.
Exemplos de uso:
- Documentação interna: links ou observações técnicas.
- Propriedades CSS customizadas: alinhamento de texto, z-index etc.
- Equações matemáticas: como proporção áurea, usada em cálculos de outros tokens.
Mais detalhes em Other Tokens.
🔎 Propriedades e Valores Suportados
Os Other Tokens podem armazenar:
- Strings: notas e documentação textual.
- Números (com ou sem unidade): valores numéricos genéricos.
- Equações matemáticas: fórmulas para tokens de número ou dimensão.
- Referências: ligação a outros tokens ativos. (Se o token estiver inativo, a referência aparece como quebrada).
✅ Boas Práticas de Uso
- Aplicação indireta: evite aplicar diretamente em elementos do Figma.
No Opala DS, por exemplo, foram usados para documentar efeitos de opacidade na camada de Patterns. - Centralização de notas técnicas: registre detalhes relevantes para engenheiros, como uso de fontes externas, variáveis CSS ou comportamento esperado.
- Consistência: mantenha uma organização clara para que esses tokens sirvam como documentação confiável.
Aplicação de Efeitos
Podem ser usados para documentar como transparências e efeitos impactam camadas completas, ajudando a alinhar designers e desenvolvedores.
🔄 Transformação e Uso em Código
Embora os Other Tokens não façam parte da especificação oficial do W3C DTCG, o Tokens Studio os suporta para dar flexibilidade.
Para exportação ao código, utilize o pacote @tokens-studio/sd-transforms, que converte tokens personalizados em formatos compatíveis com o Style Dictionary.