Conteúdo exclusivo
Desbloqueie todo o potencial da sua conta com a Assinatura Plus+
- Cursos inéditos liberados só para assinantes
- Lives interativas para aprender e tirar dúvidas ao vivo
- Assistente FeuxAI para acompanhar suas aulas de perto
- Downloads premium para aprofundar o aprendizado
Conteúdo exclusivo
Desbloqueie todo o potencial da sua conta com a Assinatura Plus+
- Cursos inéditos liberados só para assinantes
- Lives interativas para aprender e tirar dúvidas ao vivo
- Assistente FeuxAI para acompanhar suas aulas de perto
- Downloads premium para aprofundar o aprendizado
Data de lançamento
21/04/2025
Duração
Legendas
Português [PT-BR]
Tags
layout, Figma, design, responsivo, variáveis
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
Extra
Template de Taxonomia - Introdução
Extra
Template de Taxonomia - Criando os Tokens Primitivos
Extra
Template de Taxonomia - Criando os Tokens Semânticos
Extra
Template de Taxonomia - Como importar no Figma?
Extra
Estrutura da Biblioteca de Variáveis e Componentes
Extra
Title Example
Message Example
Title Example
Message Example
K