Logo de Dallonses

Design system

Què és un design system?

Un design system és el conjunt compartit de regles, components i patrons que defineix com es veu i es comporta un producte. Connecta les decisions de disseny amb codi que funciona, perquè un botó dibuixat a Figma coincideixi amb el botó que es publica. Una sola font de veritat, usada per igual per dissenyadors i desenvolupadors.

La gent sol confondre tres coses. Una guia d'estil documenta la marca: colors, tipografia, ús del logo, to. Una llibreria de components és el conjunt de peces d'UI reutilitzables i codificades. Un design system és l'estructura més gran que sosté totes dues, més els principis, les convencions de noms, les regles d'accessibilitat i les pautes d'ús que diuen a un equip quan i com fer servir cada peça. Una guia d'estil et diu quin blau fer servir. Un design system et diu a quin botó recórrer, per què i què passa quan carrega. Quan un banc publica una app mòbil, un web i un dashboard intern que se senten com el mateix producte, hi ha un design system fent aquesta feina.

El benefici és consistència i velocitat. Les pantalles noves s'assemblen amb peces que ja existeixen i ja han passat revisió. Els canvis es propaguen des d'un únic lloc en lloc de copiar-se i enganxar-se per cinquanta fitxers. Un design system ben portat també integra l'accessibilitat, perquè els ràtios de contrast i els estats de focus siguin correctes per defecte i no s'arreglin després del llançament.

Els design systems a Dallonses

Tractem un design system com a infraestructura de producte, no com un lliurable que es cedeix i s'oblida. Quan col·laborem en disseny d'interfícies (UI) i experiència d'usuari (UX), construïm el sistema al costat de les primeres pantalles reals, perquè cada component es guanyi el seu lloc resolent un problema real del producte. Els tokens, els noms i les regles d'accessibilitat es posen a prova contra feina de debò, no contra una pàgina de mostra.

El nostre avantatge és la seniority. Hem construït i mantingut design systems per a marques globals on desenes de persones toquen la mateixa interfície cada setmana. Mantenim el disseny i el codi sincronitzats, documentem les decisions i lliurem al teu equip un sistema que pot ampliar sense nosaltres a la sala. Quan el producte creix, el sistema creix amb ell.

Vols un design system que dissenyadors i enginyers comparteixin de debò? Construïm-lo.

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