Design System Decoded
-
Introdução
Boas vindas! -
Os impactos da Revolução Industrial
-
Introdução aos Design Systems
-
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
-
Gestão de sets de tokens
-
Tipos nativos do Tokens Studio
-
Gestão por meio da estrutura semântica
-
Estrutura JSON no Token Studio
-
Modificadores
-
Referências, matemática e funções
-
Gestão de Temas no Tokens Studio
-
Relação de temas e Figma Variables
-
Detach em variables
-
Importação e exportação de arquivos físicos
-
Importação e exportação de arquivos de um provedor
-
Ferramenta Inspect
-
Docs automatizadas (vivas)
-
Diferenças da versão PRO e FREE
-
Gestão de sets de tokens
-
Figma9 Tópicos
-
Tokens Studio x Figma Variables4 Tópicos
-
Supa Design Tokens (plugin)6 Tópicos
-
Qual ferramenta devo escolher?
-
Projeto JellyFishIntroduçã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
-
Aplicação em componentes1 Tópico
-
Swap de Bibliotecas
-
Build System com Style Dictionary2 Tópicos
-
GovernançaMonorepo e Governança
-
Branchs e Fluxo de Trabalho
-
Pipeline de Notificações
-
Cultura de Comunicação
-
Issues
-
Fluxo inicial com automações e IA2 Tópicos
-
Diagrama do Fluxo de trabalho
-
Outras governanças
-
CODINGConstruindo componentes com IA4 Tópicos
-
DistribuiçãoReleases e Pacotes
-
Versionamento
-
Encerramento
Boas vindas aos novos alunos do curso Design System Decoded! Nosso curso possui mais de 150 aulas, organizadas para te guiar do fundamento à prática avançada em Design Systems.
Ao longo do curso, você vai aprender não só a estruturar tokens, componentes, documentação e governança, mas também como integrar agentes de IA ao fluxo do Design System, usando a IA como apoio real no discovery, na tomada de decisão, na validação de padrões, na criação de documentação e na comunicação entre design e desenvolvimento.
A ideia aqui não é “usar IA por hype”, mas ensinar como dar contexto, regras e responsabilidades claras para que agentes de IA atuem como extensões do time, respeitando o Design System, suas constraints e sua evolução ao longo do tempo.
Bora reforçar algumas informações:
- O certificado será emitido após a conclusão do curso, portanto, todas as aulas devem estar marcadas como “completas”.
- Tem dúvidas, reclamações, sugestões, solicitações? Manda um e-mail para mim! [email protected]
- Você pode soliciar a NFe neste mesmo e-mail!
Bons estudos!
Respostas