27h

Para conclusão

3
Cursos
1
Podcast
5
Artigos

O maior e mais completo dos produtos digitais escaláveis!

O maior e mais completo dos produtos digitais escaláveis!

Se a sua meta é trabalhar com um dos maiores produtos digitais, então essa formação é para você!

Design system é um produto que vem sendo adotando cada vez mais por empresas de tecnologia, já que sua inclusão facilita muito no desenvolvimento e manutenção de outros produtos digitais, aumentando até mesmo a velocidade com que se cria novas interfaces.

Nessa formação, você vai entender de ponta à ponta o que é design system, para que serve, e como construir, manter e evoluir para a sua empresa.

Você vai aprender sobre...

  • Design tokens
  • Estilos fundamentais
  • Construção de componentes
  • Microinterações
  • Documentação

Pré-requisitos

Design systems são produtos escaláveis, e da mesma forma que os aplicativos do seu celular, eles estão sempre sendo atualizados para novas versões, contando sempre com melhorias de interface, acessibilidade, conteúdo, e diversos outros aspectos. Por ser um produto com uma complexidade maior, acreditamos que você se sairá muito melhor com o conteúdo dessa formação se acompanhar antes nossas formações de Figma e UI.

Por que estudar esta formação?

  • Guia de aprendizado

    Conteúdos pensados para facilitar seu estudo

  • Do básico ao avançado

    Formação completa para o mercado

  • Você dentro do mercado

    Do zero ao sonhado emprego em sua área de interesse

Comece essa formação agora mesmo e capacite-se para seu próximo projeto!

Conheça os planos

Com quem você vai aprender?

  • Mateus Villain

    Product designer, instrutor de UX na Alura, pro player de Figma e especialista em Harry Potter.

  • Mateus Villain

    Product designer, instrutor de UX na Alura, pro player de Figma e especialista em Harry Potter.

  • Bruno Pavei

    Brand & Product Designer, Pesquisador e instrutor de UX na Alura.Mestrando em Design (UFSC), Mestre Pokemon e movido a água com gás

  • Bruno Pavei

    Brand & Product Designer, Pesquisador e instrutor de UX na Alura.Mestrando em Design (UFSC), Mestre Pokemon e movido a água com gás

  • Gabriela de Lima

    Sou formada em Design Gráfico, e trabalho com UX Writing e UX/UI Design, além das próprias artes gráficas que aprendi na minha formação acadêmica. É um alegria dizer que, hoje em dia, posso compartilhar meu conhecimento com todos vocês através de aulas, artigos e papos. Sempre bom poder contribuir com a carreira profissional de cada futuro designer!

  • Gabriela de Lima

    Sou formada em Design Gráfico, e trabalho com UX Writing e UX/UI Design, além das próprias artes gráficas que aprendi na minha formação acadêmica. É um alegria dizer que, hoje em dia, posso compartilhar meu conhecimento com todos vocês através de aulas, artigos e papos. Sempre bom poder contribuir com a carreira profissional de cada futuro designer!

Passo a passo
  1. 1 Elaborando design tokens

    Como todo produto digital, há uma necessidade por trás que faz com que um time ou uma empresa comece a se movimentar para construí-lo, afinal, de alguma forma ele irá resolver uma série de problemas de várias pessoas, e o design system é o exato caso de um produto que irá facilitar muito na construção dos outros produtos da empresa.

    Para facilitar a construção e manutenção dos produtos, tornar mais ágil e rápido, e até mesmo menos custoso, começaremos a nossa formação com os planejamentos inicias de um design system, entendendo não só o seu conceito e seus benefícios, como os processos e dinâmicas até a construção do style guide.

  2. 2 Componentes

    Os design tokens, por si só, já resolvem uma série de situações nas páginas de qualquer produto, já que toda interface é composta por pelo menos um único elemento de estilo, mas sabemos que nem só de tokens vive um design system.

    Precisamos escalar isso, e é o que faremos nesta terceira etapa. Com o nosso guia de estilo recheado de estilos visuais e suas documentações de uso básicas, podemos começar a preparar e implementar componentes, que serão as principais interfaces com as quais os usuários irão interagir.

    • Curso Design System: projetando e construindo componentes

      08h
      • Saiba identificar os componentes de uma interface digital e suas prioridades de desenvolvimento
      • Compreenda o processo modular para o desenvolvimento de componentes em um design system
      • Aprenda produzir componentes harmônicos, interativos e acessíveis no Figma
      • Aprenda a projetar micro-interações
      • Conheça como interpolar componentes e instâncias
      • Entenda como prever e planejar a integração de soluções em um design system
    • Artigo Componentes no Figma | Alura

    • Artigo Auto layout no Figma | Alura

  3. 3 Documentação

    A essa altura do campeonato, você já sabe que o design system é uma reunião de diversos elementos diferentes, mas para que realmente possamos chamar o produto de design system, é necessário termos uma área de documentação, introduzindo e explicando a utilização correta do produto.

    Na nossa reta final de aprendizado sobre design system, trabalharemos na documentação do nosso projeto, entendendo quais e como são as melhores maneiras de se realizar, o que é necessário ter e o que pode ser dispensado, e entender como a nossa comunicação deve ser feita nessa fase.

    • Curso Design System: documentando um design system

      08h
      • Aprenda o impacto de uma boa documentação de Design System
      • Busque referências norteadoras dentro do mercado e em grandes empresas
      • Entenda como estruturar uma documentação de acordo com o mercado
      • Entenda como documentar na ferramenta Zeroheight
      • Aprenda sobre as boas práticas essenciais para manter uma documentação eficiente
    • Artigo Boas práticas de documentação de um Design System | Alura

    • Site Material Design

  4. 4 Praticando

    Os seus estudos da formação podem ter acabado, mas sua trajetória de conhecimento não acaba por aqui. Temos uma prática de construção de um design system em um dos nossos challenges, que abre um espaço para você criar e cocriar com outras pessoas o desenvolvimento desse produto.

Escola

UX & Design

Além dessa, a categoria UX & Design conta com cursos de Usabilidade e UX, Vídeo e Motion, 3D,e mais...

Conheça a Escola

Comece a estudar agora na maior escola de tecnologia do país

Conheça os Planos para Empresas