Voltar para Curso

Design Tokens Advanced v1

0% Completo
0/0 Etapas
  1. Introdução aos Design Tokens

    Boas vindas!
  2. Os impactos da Revolução Industrial
  3. O que são Design Tokens?
  4. Genética dos Design Tokens
    Genética dos Design Tokens
  5. Estrutura dos Design Tokens
  6. Escalas Semânticas
  7. Tipos de Design Tokens
    15 Tópicos
  8. Grupos de Design Tokens
  9. Design Tokens, Themes e Modes
  10. Design Tokens e Build Systems
    1 Tópico
  11. Tokens internos ou Tailwind?
  12. Impactos dos Design Tokens
  13. Kickoff
    Introdução ao projeto (kickoff)
  14. Qual discovery devo realizar?
  15. Mapeamento do ecossistema
  16. Mapeamento de Dores e Desejos
  17. Auditoria de componentes e estilos
    1 Tópico
  18. Auditorias automatizadas com IA
  19. Definição de OKRs
  20. Estratégias iniciais
  21. Nomeando design tokens
    Introdução à nomenclatura
  22. A importância da nomenclatura
  23. 7 princípios básicos
  24. Convenção de nomenclatura
    6 Tópicos
  25. Taxonomia de Design Tokens
  26. Terminologia
  27. Dinâmica para Definir Taxonomias
  28. Exercício Prático
  29. Projeto JellyFish
    Introdução ao projeto JellyFish
  30. Tokens Studio x Figma
    Tokens Studio (plugin)
    14 Tópicos
  31. Coerências entre design tokens, variables e styles
  32. Figma Variables
    3 Tópicos
  33. Tokens Studio x Figma Variables
  34. Importação de Variables para Tokens Studio
  35. Exportação de variables e styles para o Figma
  36. Importação de Styles para o Tokens Studio
  37. Metadados de relacionamentos
  38. Arquitetura de Arquivos
    Folha de Ouro JellyFish
  39. Sistemas com capacidade de expandir
  40. Estrutura de arquivos no Figma
  41. Estrutura do sitema JellyFish
  42. G_BASE (Global Base)
  43. Introdução ao grupo "BRANDS"
    2 Tópicos
  44. Componentes
  45. Plataformas (DESIGN_ONLY)
  46. Implementação de Tokens
    Primitives: Dimensions
  47. Primitives: Font Sizes
  48. Outros Tokens Primitivos
  49. Foundations: Sizes
  50. Foundations: Spacings
  51. Outros Tokens de Fundação
  52. A abordagem whitelabel
  53. Criando Backgrounds
  54. Criando Foregrounds
  55. A sessão "Patterns"
  56. Typeset
    1 Tópico
  57. Composições Tipográficas
  58. Compondo Sombras
  59. Criando outras marcas e temas
  60. Handoff para times de design e desenvolvimento
    Desafios da distribuição para times de design
  61. Bibliotecas 1:1
    1 Tópico
  62. Bibliotecas Compartilhadas
  63. Criação de componente
  64. Vinculando Tokens às variables criadas
  65. Governança para Releases de Bibliotecas
  66. Documentações Automatizadas
  67. Conversão com Style Dictionary
    Style Dictionary
  68. Configurator
  69. Configurações Iniciais
  70. Variáveis Globais
  71. Variáveis de Temas
  72. Typeset
  73. Alias
  74. Componentes
  75. Complementos
  76. Comandos básicos
  77. DesignSystemOps aplicado ao sistema de Design Tokens
    Desafios do DesignSystemOPs
  78. Releases
  79. Descontinuação de Tokens
Aula 5 de 79
Em andamento

Estrutura dos Design Tokens

Os tokens, possuem uma estrutura padrão que engloba a declaração de um nome, um tipo e um valor. Esta estrutura, no entanto, pode se extender para alocar informações que garantem melhor interpretação de ferramentas e plataformas. Para garantir consistência, no entanto, o Design Tokens Community Group criou formatos padrões de declarações em JSON.


Respostas

O seu endereço de e-mail não será publicado. Campos obrigatórios são marcados com *