Como nomear tokens de design por função.
Os nomes de tokens de design devem descrever uma função estável, e não uma aparência temporária. Separe valores primitivos de usos semânticos e confira a consistência com a convenção de nomenclatura existente da equipe.
Adapte o fluxo à sua tarefa.
Separe valores primitivos de funções semânticas e siga a hierarquia de nomes existente. Escolha nomes que continuem significativos entre temas e componentes e documente os mapeamentos e o uso previsto. Verifique colisões e aliases antes de renomear tokens estabelecidos.
- O que você fornece
- Estilos existentes e convenções de nomenclatura.
- O que você recebe
- Nomes consistentes de tokens e agrupamentos semânticos.
Veja a entrada e o resultado.
Entrada e saída ilustrativas · exemplo didático, não uma execução real do WebAct
Exemplo campo
Interface uses blue for primary actions and gray for secondary text; dark theme planned. No exact values or existing naming convention supplied.
Exemplo completo
Semantic roles: color.action.primary → theme-specific primary-action primitive color.text.secondary → theme-specific secondary-text primitive Theme values: unresolved until actual colors and contrast requirements are supplied. These names describe use rather than the current color; review them against existing team conventions before adoption.
Carregue esta entrada no prompt e copie para o WebAct para testar a tarefa. Seu resultado pode ser diferente da ilustração.
Decisões e solução de problemas.
Um token semântico deve receber o nome de sua cor atual?
Prefira sua função, como ação ou texto secundário, quando o valor puder mudar entre temas.
Por que renomear um token quebra vários componentes sem relação aparente?
O token pode ter muitas referências ou atender a várias funções. Faça um inventário dos consumidores e planeje a migração antes de substituí-lo.
Teste com sua própria fonte.
Substitua o exemplo pelo seu material no prompt. Mantenha os requisitos necessários e copie a tarefa para o WebAct.
Personalizar e copiar a tarefa ↑