Pular para o conteúdo principal

Utilização da Funcionalidade de Inspeção​

info

Conteúdo adaptado da documentação oficial do Token Studio (TS), disponível aqui.

A funcionalidade de inspeção no Tokens Studio facilita a visualização e o controle dos tokens aplicados no Figma. É uma ferramenta essencial para validar e ajustar a aplicação dos tokens, garantindo consistência e preparo para o handoff com a equipe de desenvolvimento.

Inspeção de Tokens Aplicados (Multi-inspect)​

  • Permite selecionar qualquer camada e visualizar todos os tokens aplicados.
  • Fornece uma visão rápida dos estilos usados, ajudando a confirmar consistência e detectar inconsistências.

Multi-inspect

Inspeção Profunda (Deep Inspect)​

  • Mostra tokens aplicados em todas as camadas internas da seleção.
  • Útil para validar detalhes em elementos subordinados (ex.: estilos de texto, cores, espaçamentos).

Deep-inspect

Seleção e Modificação de Tokens​

  • Selecionar todas as camadas com um token:
    Use o ícone de mira para identificar rapidamente todas as camadas que compartilham um mesmo token.
  • Remover tokens:
    Selecione o token na aba de inspeção e clique em Remove selected para limpar estilos ou propriedades indesejadas.
  • Remapear tokens:
    Use o ícone de remapeamento ao lado do token para substituí-lo por outro em todas as camadas onde ele foi aplicado.

Seleção de tokens

dica

Mais detalhes na documentação oficial de inspect.

Resumo das Boas Práticas​

  • Sempre valide tokens aplicados antes do handoff.
  • Prefira o remapeamento ao invés de remoção manual para manter consistência.
  • Use Deep Inspect em componentes complexos para garantir alinhamento com o design system.