@vagasux

Design System X
Biblioteca de UI
Uma discussão recorrente na taverna... digo..
em diversas reuniões do time =D.

Colab VagasUX + Vaguiner

Escrito por
Stephany Palos

Imagem por Storyset

 @vagasux

Design System X
Biblioteca de UI
Galera, essa é uma discussão recorrente na taverna... digo.. em
diversas reuniões do time, quando falamos sobre o
desenvolvimento do nosso produto. É super importante
entender a diferença entre um Design System e uma Biblioteca
de UI, então bora lá:

1 de 5
 @vagasux

Design System:
Muito além de cores, ícones bonitinhos,
espaçamentos e detalhes estéticos.
Imagine ele como o grimório poderoso do nosso produto, um
compêndio que estabelece as diretrizes, um "mapa mágico". O
sistema de design (ou Design System.. ou até DS para os
íntimos) é a tocha que guia todas as decisões de design e
desenvolvimento, garantindo a harmonia e consistência nos
layouts. Não é simplesmente uma lista de componentes e
estilos reunidos.

2 de 5
 @vagasux

Biblioteca de UI
Também conhecida como UI Kit ou Component
Library:
Pense nela como um baú de tesouros em uma masmorra, cheio
de artefatos mágicos e peças de todos os tipos. Tem peças
pequenas, grandes, várias cores, texturas diferentes, algumas
até meio excêntricas, mas sem elas não daria pra montar
nenhum golem ou construto.

Além disso, tem aquelas peças com encantamentos especiais,

que podem até ter efeitos inusitados. Então... elas oferecem
peças pré-fabricadas para agilizar o processo de criação e
simplificar todo o desenvolvimento de cada layout. Mas
lembrem-se: elas não representam o produto, a essência dele,
só ajudam na construção.

3 de 5
 @vagasux

Bora Imaginar?
Vamos imaginar nosso produto digital como uma masmorra
cheia de mistérios e desafios de um Role Playing Game (ou
MMORPG se preferirem...). O design system é o mapa
detalhado que revela cada sala encantada e corredor sombrio,
junto com as regras que moldam sua arquitetura e design.

Dentro desse sistema, a biblioteca de UI fornece os pilares

fundamentais para erguer essa masmorra (como blocos de
construção mágicos). Sem esse mapa, esses blocos poderiam
ser colocados de forma desordenada, resultando em uma
masmorra confusa e frágil, ao invés de um labirinto imponente
e desafiador.

4 de 5
 @vagasux

É hora da aventura!
Que nossa jornada de desenvolvimento do produto seja como
uma aventura épica de RPG, onde o Design System é nosso guia
sábio (não.. não o Mestre dos Magos, ele não é um bom
exemplo hahaha) e a Biblioteca de UI são os artefatos mágicos
que nos ajudam a construir algo verdadeiramente incrível.

5 de 5
 @vagasux

Quer fazer uma

colab na VagasUX?
Entre em contato com a gente

para mais informações.

Seja um apoiador
contribua com a VagasUX no

apoia.se/vagasux