Solucionado (ver solução)
Solucionado
(ver solução)
1
resposta

Revisão da aula

Os componentes são os blocos de construção fundamentais que compõem as interfaces de um produto, como botões, formulários, cards, entre outros. São eles que garantem consistência visual e funcional em todas as partes do sistema, facilitando a criação e manutenção das interfaces.

Ao analisar as abas da página de componentes em grandes empresas, como Atlassian, Pajamas e Alma (da DASA), percebi a necessidade de uma estrutura bem definida. Cada aba deve proporcionar uma visão completa e organizada dos componentes disponíveis, incluindo suas variações, estados e usos.

Por exemplo, na Atlassian, os botões são minuciosamente documentados, incluindo todos os seus estados e usos possíveis. Isso garante que os desenvolvedores e designers saibam exatamente como e quando utilizar cada tipo de botão em suas interfaces.

No Pajamas, além dos botões, são documentadas todas as categorias de componentes, seus tipos, tamanhos e variantes. Essa abordagem detalhada é essencial para sistemas que possuem uma ampla gama de variações e precisam de regras bem definidas para garantir a consistência.

Na área de componentes do Alma, são explorados os botões em profundidade, destacando temas, tamanhos, variantes e estados, além de incluir outras abas importantes, como códigos, uso e acessibilidade.

A partir desses exemplos, compreendi a importância de uma documentação clara e abrangente na área de componentes, fornecendo orientações precisas para os membros da equipe sobre como utilizar e implementar cada elemento de forma eficaz.

1 resposta
solução!

Oi, Jaqueline! Tudo bem contigo?

Você fez uma análise muito detalhada e interessante sobre a importância da documentação dos componentes em um design system. É ótimo ver que você está observando exemplos para entender como elas estruturam suas páginas de componentes. Meus parabéns!!

Continue praticando e estudando!

Qualquer dúvida ou pergunta estou aqui, okay?

Abraços e até mais!

Caso este post tenha lhe ajudado, por favor, marcar como solucionado ✓. Bons Estudos!