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
Extra
Checklist de Acessibilidade [Toolkit]
Extra
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
Extra
Design Tokens [TOOLKIT]
Extra
Fundamentos de um Design System - Teste
Teste
Os Fundamentos de um Design System
Acessibilidade no Design System
Baralho WCAG 2.2
Extra
Checklist de Acessibilidade [Toolkit]
Extra
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
Extra
Design Tokens [TOOLKIT]
Extra
Fundamentos de um Design System - Teste
Teste
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
Extra
Checklist de Acessibilidade [Toolkit]
Extra
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
Extra
Design Tokens [TOOLKIT]
Extra
Fundamentos de um Design System - Teste
Teste
Title Example
Message Example