Acesso Restrito!
Para acessar o conteúdo, você precisa de uma assinatura ativa!
Acesso Restrito!
Para acessar o conteúdo, você precisa de uma assinatura ativa!
Os fundamentos de um Design System
Design Tokens [TOOLKIT]
Design Tokens [TOOLKIT]
Esse toolkit permite criar uma representação visual dos seus Design Tokens, facilitando a compreensão e aplicação de atributos específicos do seu design de forma lógica. A otimização do uso desses Design Tokens dependerá significativamente de uma nomenclatura eficaz.
Links da aula
Os Fundamentos de um Design System
Acessibilidade no Design System
Baralho WCAG 2.2
Checklist de Acessibilidade [Toolkit]
Cores no Design System
Escala de cores no Figma (Color Ramp)
Escala & Espaçamento (Spacing)
Sistema de Grid (Grid System)
Tipografia Escalável
Iconografia
Design Tokens & Convenção de Nomes
Design Tokens [TOOLKIT]
Os Fundamentos de um Design System
Acessibilidade no Design System
Baralho WCAG 2.2
Checklist de Acessibilidade [Toolkit]
Cores no Design System
Escala de cores no Figma (Color Ramp)
Escala & Espaçamento (Spacing)
Sistema de Grid (Grid System)
Tipografia Escalável
Iconografia
Design Tokens & Convenção de Nomes
Design Tokens [TOOLKIT]
Data de lançamento
06/04/2025
Duração
Legendas
Português [PT-BR]
Tags
toolkit, DesignTokens, visualização, nomenclatura, otimização
Os Fundamentos de um Design System
Acessibilidade no Design System
Baralho WCAG 2.2
Checklist de Acessibilidade [Toolkit]
Cores no Design System
Escala de cores no Figma (Color Ramp)
Escala & Espaçamento (Spacing)
Sistema de Grid (Grid System)
Tipografia Escalável
Iconografia
Design Tokens & Convenção de Nomes
Design Tokens [TOOLKIT]
Title Example
Message Example