Micro-Learning
1 Hora

Design Systems 101

Introdução ao conceito, como iniciar, como manter, e melhores práticas de um Design System

Autor
Raquel Pereira
Publicado em
July 12, 2024
Dar feedback
tally

"Design Systems 101" não é apenas uma aula teórica; é uma oportunidade para aprender com exemplos práticos e dicas valiosas que podes aplicar imediatamente no teu trabalho

Bem-vindos à nossa aula "Design Systems 101"! Se alguma vez te perguntaste como as grandes empresas mantêm a consistência visual e funcional em todos os seus produtos digitais, este conteúdo é para ti. Vamos desmistificar o que é um Design System, como ele pode transformar o teu trabalho, e como podes começar a implementar um na tua organização.

O que vais aprender:

  1. O que é um Design System: Vamos explorar o conceito de Design System, explicando como ele serve como uma base comum de trabalho para todos os produtos digitais de uma empresa. Um Design System inclui orientações de design, código, componentes reutilizáveis e muito mais.
  2. Design Tokens: Vais aprender sobre os Design Tokens e como eles ajudam a ligar o design ao código. Os Design Tokens documentam valores técnicos, como cores e espaçamentos, de uma forma simplificada e consistente.
  3. Vantagens de um Design System: Descobre as principais vantagens de adotar um Design System, como a consistência visual, a eficiência na produção de novos produtos, a melhoria da colaboração entre equipas e a facilitação do onboarding de novos membros da equipa.
  4. Como saber se precisas de um Design System: Vamos discutir os sinais de que a tua organização pode beneficiar de um Design System, especialmente se lidas com múltiplos produtos digitais que precisam de manter uma identidade visual e funcional coerente.
  5. Como começar a criar um Design System: Forneceremos um guia passo-a-passo para começar a construir o teu próprio Design System, desde a definição de estilos base até à criação de componentes reutilizáveis e à documentação das orientações.
  6. Manutenção de um Design System: Vais aprender as melhores práticas para manter um Design System atualizado, incluindo a importância do feedback contínuo da equipa e da documentação clara.
  7. Exemplos de Design Systems: Vamos apresentar alguns exemplos de Design Systems bem sucedidos, como o Material Design da Google e o Carbon Design System da IBM, que podem servir como inspiração para o teu projeto.

Para quem é destinado:

Esta aula é ideal para designers, developers, gestores de produto e qualquer pessoa envolvida no desenvolvimento de produtos digitais que queira entender melhor como criar e manter um Design System. Se és novo no conceito e queres aprofundar os teus conhecimentos, esta aula é perfeita para ti.

Porquê ver?

"Design Systems 101" não é apenas uma aula teórica; é uma oportunidade para aprender com exemplos práticos e dicas valiosas que podes aplicar imediatamente no teu trabalho. Quer estejas a trabalhar numa startup ou numa grande empresa, o conhecimento que vais adquirir aqui vai ajudar-te a criar produtos mais consistentes e eficientes.

Junta-te a nós e descobre como um Design System pode transformar a tua abordagem ao design e ao desenvolvimento de produtos digitais. Estás pronto para elevar a qualidade do teu trabalho a um novo nível? Então, vamos começar!

Aprende mais com o criador deste conteúdo no curso:

Design Systems: Implementação em Escala

Usa este código no checkout para 20% desconto:

RP20

Raquel Pereira

Raquel Pereira

Design Ops Specialist na Volkswagen Digital Solutions

Raquel Pereira

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse varius enim in eros elementum tristique. Duis cursus, mi quis viverra ornare, eros dolor interdum nulla, ut commodo diam libero vitae erat. Aenean faucibus nibh et justo cursus id rutrum lorem imperdiet. Nunc ut sem vitae risus tristique posuere.

Heading 1

Heading 2

Heading 3

Heading 4

Heading 5
Heading 6

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur.

Block quote

Ordered list

  1. Item 1
  2. Item 2
  3. Item 3

Unordered list

  • Item A
  • Item B
  • Item C

Text link

Bold text

Emphasis

Superscript

Subscript

Duração

1 Hora

Dificuldade

Iniciante

Coloca estes conhecimentos em prática

Cursos de UX e Produto

Programas avançados, online, ao vivo.

Bolsas de Estudo

Parciais e Integrais, até 100% de desconto.

Portal de Vagas

Curadoria de vagas em Portugal e remotas.

Blog

Explora conteúdos semelhantes

Como fazer UX Research
Micro-Learning
1 Hora
Design Systems 101
Micro-Learning
1 Hora