O que você aprenderá_
- Saiba quais são os estados dos componentes e como são suas interações
- Conheça o básico de UX Writing e descubra a importância do conteúdo em um Design System
- Saiba como nomear corretamente os componentes
- Entenda como documentar da melhor forma seus componentes para o programador
- Aprenda uma metodologia para criar componentes da maneira certa
- Saiba como listar e organizar os componentes a fazer para o Design System
Público alvo_
Designers que desejam adquirir conhecimentos a respeito de Design System e pessoas que trabalham com desenvolvimento que querem entender como é o processo de criação de um Design System.
Mateus Villain
Product designer, instrutor de UX na Alura, pro player de Figma e especialista em Harry Potter.
Curso atualizado em 28/11/2023
Já estuda na Alura?
Comece o curso agoraEmenta
Definindo os componentes
- Apresentação
- Componentes de um Design System
- Aprendendo o Atomic Design
- Criando uma lista de componentes
Componentes base
- Estados dos componentes
- Botões
- Campos de texto
- Selects
- Radios, checkboxes e switches
Componentes complexos
- Padronizando o conteúdo
- Barras de notificação
- Modais
- Barra de navegação
Finalizando os componentes
- Conhecendo os Design Tokens
- Boas práticas de nomenclatura
- Preparando para o handoff
- Conclusão
Descubra se esse curso é pra você! Leia as primeiras aulas
Escola
UX & Design
Pessoas estudando esse curso nesse mês:
Estude com elas
Bruna Lyse Ferreira Moura
Martin William Jacinto da Rocha
ROMERO DE MIRANDA TAVARES
Júlio Minuzzi
Vitor Fernandes de Sant'Ana
e mais 105 pessoas
e mais 105 pessoas
Faça parte da nossa comunidade no discord!
Troque conhecimentos com a comunidade da Alura
Aprenda Design System com esse e outros cursos, comece agora!
Plus
De
R$ 1.800
12X
R$109
à vista
R$1.308
- Acesso a TODOS os cursos da Alura
Mais de 1500 cursos completamente atualizados, com novos lançamentos todas as semanas, emProgramação, Front-end, UX & Design, Data Science, Mobile, DevOps e Inovação & Gestão.
- Alura Challenges
Desafios temáticos para você turbinar seu portfólio. Você aprende na prática, com exercícios e projetos que simulam o dia a dia profissional.
- Alura Cases
Webséries exclusivas com discussões avançadas sobre arquitetura de sistemas com profissionais de grandes corporações e startups.
- Certificado
Emitimos certificados para atestar que você finalizou nossos cursos e formações.
Pro
De
R$ 2.400
12X
R$149
à vista
R$1.788
- Acesso a TODOS os cursos da Alura
Mais de 1500 cursos completamente atualizados, com novos lançamentos todas as semanas, emProgramação, Front-end, UX & Design, Data Science, Mobile, DevOps e Inovação & Gestão.
- Alura Challenges
Desafios temáticos para você turbinar seu portfólio. Você aprende na prática, com exercícios e projetos que simulam o dia a dia profissional.
- Alura Cases
Webséries exclusivas com discussões avançadas sobre arquitetura de sistemas com profissionais de grandes corporações e startups.
- Certificado
Emitimos certificados para atestar que você finalizou nossos cursos e formações.
- Luri, a inteligência artificial da Alura
Luri é nossa inteligência artificial que tira dúvidas, dá exemplos práticos e ajuda a mergulhar ainda mais durante as aulas. Você pode conversar com Luri até 100 mensagens por semana.
- Alura Língua (incluindo curso Inglês para Devs)
Estude a língua inglesa com um curso 100% focado em tecnologia e expanda seus horizontes profissionais.
Acesso completo
durante 1 ano
Estude 24h/dia
onde e quando quiser
Novos cursos
todas as semanas