-
Introdução
Boas vindas! -
Os impactos da Revolução Industrial
-
O que são Design Tokens?
-
FundamentosGenética dos Design Tokens
-
Estrutura dos Design Tokens
-
Escalas Semânticas
-
Tipos de Design Tokens15 Tópicos
-
Grupos de Design Tokens
-
Design Tokens, Themes e Modes
-
Tokens internos ou Tailwind?
-
Sistemas expansíveis
-
Impactos dos Design Tokens
-
KickoffIntrodução ao projeto (kickoff)
-
Qual discovery devo realizar?
-
Mapeamento do ecossistema
-
Mapeamento de Dores e Desejos
-
Auditoria de componentes e estilos1 Tópico
-
Auditorias automatizadas com IA
-
Definição de OKRs
-
Estratégias iniciais
-
Nomeando Design TokensIntrodução à nomenclatura
-
A importância da nomenclatura
-
7 princípios básicos
-
Convenção de nomenclatura6 Tópicos
-
Taxonomia de Design Tokens
-
Terminologia
-
Dinâmica para Definir Taxonomias
-
Exercício Prático
-
FerramentasTokens Studio (plugin)14 Tópicos
-
Figma9 Tópicos
-
Tokens Studio x Figma Variables4 Tópicos
-
Supa Design Tokens (plugin)6 Tópicos
-
Qual ferramenta devo escolher?
-
Na PráticaIntrodução ao projeto
-
Kickoff4 Tópicos
-
Nomenclatura3 Tópicos
-
Setup de ambientes8 Tópicos
-
Criação dos Tokens de Base (Primitivos)8 Tópicos
-
Criação dos Tokens de Fundação (Semânticos)8 Tópicos
-
Criação de Tokens de Componentes1 Tópico
-
Sync Tokens Studio e Variables1 Tópico
-
Sync Tokens Studio e Github
-
Sync Variables e Github
-
Build System com Style Dictionary3 Tópicos
-
Integração e Distribuição3 Tópicos
-
Manutenção e Evolução4 Tópicos
-
Bônus: Construindo componente com IA
Assim como o DNA é universal e pode se manifestar em qualquer forma de vida, os design tokens possuem uma característica que amplia seu potencial: são agnósticos por natureza. Isso significa que os tokens não estão vinculados a nenhuma tecnologia, plataforma ou framework específico e, assim, é possível que o mesmo conjunto de decisões de design seja implementado consistentemente em qualquer ambiente.
Respostas