Voltar para Curso
Design Tokens Advanced v1
0% Completo
0/0 Etapas
-
Introdução aos Design Tokens
Boas vindas! -
Os impactos da Revolução Industrial
-
O que são Design Tokens?
-
Genética dos Design TokensGené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
-
Design Tokens e Build Systems1 Tópico
-
Tokens internos ou Tailwind?
-
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
-
Projeto JellyFishIntrodução ao projeto JellyFish
-
Tokens Studio x FigmaTokens 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
-
Coerências entre design tokens, variables e styles
-
Figma Variables3 Tópicos
-
Tokens Studio x Figma Variables
-
Importação de Variables para Tokens Studio
-
Exportação de variables e styles para o Figma
-
Importação de Styles para o Tokens Studio
-
Metadados de relacionamentos
-
Arquitetura de ArquivosFolha de Ouro JellyFish
-
Sistemas com capacidade de expandir
-
Estrutura de arquivos no Figma
-
Estrutura do sitema JellyFish
-
G_BASE (Global Base)
-
Introdução ao grupo "BRANDS"2 Tópicos
-
Componentes
-
Plataformas (DESIGN_ONLY)
-
Implementação de TokensPrimitives: Dimensions
-
Primitives: Font Sizes
-
Outros Tokens Primitivos
-
Foundations: Sizes
-
Foundations: Spacings
-
Outros Tokens de Fundação
-
A abordagem whitelabel
-
Criando Backgrounds
-
Criando Foregrounds
-
A sessão "Patterns"
-
Typeset1 Tópico
-
Composições Tipográficas
-
Compondo Sombras
-
Criando outras marcas e temas
-
Handoff para times de design e desenvolvimentoDesafios da distribuição para times de design
-
Bibliotecas 1:11 Tópico
-
Bibliotecas Compartilhadas
-
Criação de componente
-
Vinculando Tokens às variables criadas
-
Governança para Releases de Bibliotecas
-
Documentações Automatizadas
-
Conversão com Style DictionaryStyle Dictionary
-
Configurator
-
Configurações Iniciais
-
Variáveis Globais
-
Variáveis de Temas
-
Typeset
-
Alias
-
Componentes
-
Complementos
-
Comandos básicos
-
DesignSystemOps aplicado ao sistema de Design TokensDesafios do DesignSystemOPs
-
Releases
-
Descontinuação de Tokens
Participantes 125
A evolução industrial é caracterizada pelos avanços tecnológicos. Cada vez mais existe a necessidade de escalar processos para acompanhar essa velocidade frenética de crescimento. O design não fica atrás, heim? É preciso entender a distância evolutiva entre design e desenvolvimento para compreendermos o que causa os tão famosos “ruídos” entre os times.
Respostas