Estudando este mês:

e mais 135 alunos(as)

Resumo do curso

  • 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.

Conteúdo relacionado

Cursos de UI - User Interface em UX & Design

Leia nossos artigos de UX & Design

Já é aluno?

Comece o curso agora

10h

p/ conclusão

36

Atividades

152

Minutos de video

207

Alunos nesse curso

9.1

Nota deste curso

Certificado de participação

Instrutores

Conteúdo Detalhado

  1. Definindo os componentes

    • Apresentação
    • Componentes de um Design System
    • Aprendendo o Atomic Design
    • Criando uma lista de componentes
  2. Componentes base

    • Estados dos componentes
    • Botões
    • Campos de texto
    • Selects
    • Radios, checkboxes e switches
  3. Componentes complexos

    • Padronizando o conteúdo
    • Barras de notificação
    • Modais
    • Barra de navegação
  4. Finalizando os componentes

    • Conhecendo os Design Tokens
    • Boas práticas de nomenclatura
    • Preparando para o handoff
    • Conclusão

Ainda não estuda com a gente?

Invista na transformação da sua carreira!

Comece agora

Aprenda UI - User Interface com esse e outros cursos, comece agora!

Plus

  • Acesso a TODOS os cursos da plataforma

    Mais de 1200 cursos completamente atualizados, com novos lançamentos todas as semanas, em Programaçã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.

  • 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.

12X
R$85
à vista R$1.020
Matricule-se

Pro

  • Acesso a TODOS os cursos da plataforma

    Mais de 1200 cursos completamente atualizados, com novos lançamentos todas as semanas, em Programaçã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.

  • 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.

12X
R$120
à vista R$1.440
Matricule-se
Conheça os Planos para Empresas

Acesso completo
durante 1 ano

Estude 24h/dia
onde e quando quiser

Novos cursos
todas as semanas