Blog
5 de març de 2025 - 6 MIN DE LECTURA
Com vaig construir el meu sistema de disseny des de zero

Com vaig construir el meu sistema de disseny des de zero

Una guia pràctica per crear el teu propi sistema de disseny, des de l'auditoria inicial fins a la implementació, i les lliçons apreses al llarg del camí.

Jay Ho Oh

Jay Ho Oh

Després d'anys de començar cada projecte amb un arxiu Figma en blanc, finalment vaig prendre la decisió de crear el meu propi sistema de disseny integral. El procés va ser tant desafiador com increïblement gratificant, i vaig voler compartir el meu enfocament amb altres dissenyadors que considerin el mateix viatge.

Vaig començar auditant cinc dels meus projectes recents, identificant patrons comuns i components que apareixien en diferents dissenys. Això va revelar inconsistències en el meu treball que no havia notat abans: set estils de botons lleugerament diferents, regles d'espaiat inconsistents i estils de text que variaven sense un propòsit clar.

En lloc de crear un sistema rígid des de l'inici, el vaig construir de manera iterativa a través d'un projecte real de client. Per a l'aplicació EcoTrack, vaig documentar cada component mentre el dissenyava, creant un sistema viu que evoluciona amb les necessitats del projecte.

El nucli del meu sistema inclou:

  • Un sistema de colors flexible amb convencions de noms semàntics
  • Escales tipogràfiques basades en la proporció àuria
  • Variants de components amb pautes d'ús clares
  • Regles d'espaiat i disseny que mantenen la coherència en tots els dispositius

El gran repte no va ser tècnic sinó psicològic: aprendre a confiar en el sistema en lloc de reinventar solucions per a cada nou problema. Però la recompensa ha estat enorme: el meu procés de disseny és ara un 40% més ràpid, les revisions dels clients han disminuït significativament i l'entrega al desenvolupament és molt més fluida.

Si estàs considerant crear el teu propi sistema, el meu consell és començar amb elements bàsics, provar-los en projectes reals i documentar mentre ho fas. Un bon sistema de disseny hauria de sentir-se com un col·laborador de confiança, no com un conjunt de restriccions.

He adjuntat una plantilla del meu mètode de documentació de components a continuació: sent lliure d'adaptar-la al teu propi flux de treball!

Creat amb Nuxt UI • © 2026