Introdução ao Módulo

Variáveis vs. Estilos

O que é um design system White Label?

Exemplos de design systems White Label

[Unstyled] Design System white label no Figma

Conhecendo o Projeto [Hive]

Funcionalidades & Atalhos do Figma [Resources]

Auditoria do Design

Criando a Escala de Cores [Variáveis]

Criando os Tokens Primitivos de Cores [Supa Palette]

Criando o Dark Mode [Variáveis Semânticas]

Regra 60-30-10 & Como Harmonizar as cores no seu design?

Como escolher uma tipografia

Como escalar uma tipografia?

Testando o Ritmo Vertical

Testando o Peso da Fonte

Variáveis Tipográficas & Estilos

Criando os Estilos Tipográficos [Styles]

Estilos Tipográficos no Dev Mode

Definindo o Layout Grid para Desktop & Mobile [Variáveis]

Definindo o Espaçamento

Criando a escala do espaçamento

Nomenclatura do espaçamento

Criando as Variáveis de Espaçamento

Anatomia do Token de Design [W3C]

Design Tokens vs. Variáveis no Figma

Template de Taxonomia - Introdução

Template de Taxonomia - Criando os Tokens Primitivos

Template de Taxonomia - Criando os Tokens Semânticos

Template de Taxonomia - Como importar no Figma?

Estrutura da Biblioteca de Variáveis e Componentes