Logo de Dallonses

Llibreria de components

Què és una llibreria de components?

Una llibreria de components és una col·lecció de peces d'interfície reutilitzables a partir de les quals treballa un equip. Botons, inputs, targetes, modals, barres de navegació. Cadascuna es construeix un cop, es prova un cop i es reutilitza arreu, de manera que el producte es manté coherent i les pantalles noves s'assemblen en lloc de redibuixar-se. Sol existir com a components codificats per als desenvolupadors i components de disseny equivalents per als dissenyadors.

Convé tenir clars tres termes. Una guia d'estil documenta les regles de marca com el color i la tipografia. Una llibreria de components és el conjunt de treball de les peces d'UI en si, que sovint viu en codi. Un design system és l'estructura més gran que sosté la llibreria, la guia d'estil i les regles per fer-les servir juntes. Una llibreria sense sistema és un calaix de peces sense guia; un sistema sense llibreria és documentació amb la qual ningú pot construir. Quan un equip afegeix una funció nova, una bona llibreria de components fa que estiri d'un botó a punt i un camp de formulari a punt en lloc de programar tots dos des de zero. Eines com Storybook permeten als equips explorar i provar aquests components de manera aïllada.

El valor s'acumula amb el temps. Corregeix un bug al desplegable compartit un cop i cada pantalla que el fa servir queda corregida. Millora l'accessibilitat d'un input i tot el producte es torna més accessible. Una llibreria de components converteix la feina dispersa i repetida en una única base mantenible.

Les llibreries de components a Dallonses

Construïm llibreries de components que viuen en codi, no només en arxius de disseny. Un botó de la llibreria és el mateix botó que es llança, accessible per defecte i provat de manera aïllada, així que la distància entre disseny i producció es manté curta. És el nucli pràctic de la feina de design systems i disseny UI que fem amb els clients.

Per a marques globals que llancen en web, mòbil i eines internes, la llibreria és el que fa que tot continuï sentint-se com un sol producte. La construïm amb els teus enginyers, documentem com es comporta cada component i quan fer-lo servir, i lliurem una cosa que el teu equip pot estendre pel seu compte. La idea és una base que posseeixes i continues fent créixer, no una dependència de nosaltres.

Cansat de reconstruir els mateixos botons a cada projecte? Construïm la teva llibreria.

Parlem de design systems

Serveis relacionats


Preparat per a traballar junts?

Reserva una reunió
Aymón sostenint una revista Tools davant de la seva cara
Ari treballant en un portàtil a l'aire lliure envoltada de plantes
Vista superior d'un escriptori de fusta amb teclat, ratolí i auriculars
Il·lustració dibuixada a mà d'una mà chasquejant els dits
Nico recolzat contra un dispensador d'aigua al costat d'un extintor
Primer pla d'un ordinador obert amb placa de circuit i components sobre un escriptori de fusta
Bernat i Andreu col·laborant en un escriptori amb monitors i un portàtil
Il·lustració dibuixada a mà d'una mà oberta saludant
Aymón sostenint una revista Tools davant de la seva cara
Ari treballant en un portàtil a l'aire lliure envoltada de plantes
Vista superior d'un escriptori de fusta amb teclat, ratolí i auriculars
Il·lustració dibuixada a mà d'una mà chasquejant els dits
Nico recolzat contra un dispensador d'aigua al costat d'un extintor
Primer pla d'un ordinador obert amb placa de circuit i components sobre un escriptori de fusta
Bernat i Andreu col·laborant en un escriptori amb monitors i un portàtil
Il·lustració dibuixada a mà d'una mà oberta saludant