Descobreix l'Experience Builder, la propera eïna de Drupal per a Design systems
Toni Caballero
Toni Caballero
T'imagines, com a desenvolupador/a, poder construïr i personalitzar pàgines de manera immediata, sense necessitat de mòduls addicionals ni configuracions complicades? Ja és real, és la nova eina de Drupal i es diu Experience Builder.
Amb el llançament de l'Experience Builder, Drupal ha fet un gran pas cap a una nova era de creació de llocs web, on l'experiència de l'usuari s'integra de manera natural amb la tecnologia de disseny. Aquesta eina canviarà la manera com treballem, oferint a dissenyadors i desenvolupadors la capacitat de construir interfícies coherents i personalitzables sense esforç, basat en els principis d'un Design System.
Per entendre l'impacte de l'Experience Builder, primer necessitem comprendre què és un Design System i com pot transformar la creació d'interfícies Fa uns mesos vam introduir els Design Systems i el disseny atòmic que estan basats en el nostre Linkedin (si encara no has consultat les nostres mini càpsules sobre això, aquí tens la part 1 i la parte 2).
Aquí, un resum: Els sistemes de disseny són un conjunt de principis, components i guies visuals i interactius que asseguren coherència i eficiència en el desenvolupament d'interfícies digitals, permetent que tant desenvolupadors com dissenyadors treballin en una mateixa adreça. Aquest enfocament està basat en el disseny atòmic, una metodologia que comença qualsevol pàgina i component pel seu **element més bàsic **(com botons o camps de text) i amb què es van construint components més grans i complexos, de manera que no només tenim una interfície consistent, també més eficient a l'hora de realitzar canvis i de crear noves pàgines.
Amb el llançament del Experience Builder, Drupal aposta per integrar els sistemes de Disseny en la seva tecnologia, facilitant la creació d'interfícies personalitzables, consistents i flexibles per a cada projecte.
L'Experience Builder de Drupal és una eina que permet als dissenyadors i desenvolupadors crear interfícies digitals personalitzades de manera ràpida i eficient, sense necessitat d'escriure codi complex.
Basat en principis de disseny modular i reutilitzable, aquest constructor visual permet acoblar components a partir d'un sistema de disseny predefinit. mans del equip creatiu, permetent que es construeixin pàgines i components de forma dinàmica.
El que fa que l'Experience Builder sigui encara més poderós és la seva integració amb els Single Directory Components (SDCs). només directori faciliten la seva reutilització i manteniment. Els desenvolupadors poden crear i gestionar aquests components de manera aïllada, assegurant que el sistema sigui més fàcil de mantenir i escalar.
Per aprendre més sobre els Single Directory Components i com implementar-los al teu projecte Drupal, pots consultar la [documentació oficial de Drupal sobre SDCs](https://www.drupal.org/docs/develop/theming-drupal/using-single- directory-components/about-single-directory-components).
Font: drupal.org
Un Content Management System (CMS) com Drupal és la columna vertebral de qualsevol lloc web No obstant això, un dels desafiaments més comuns que enfronten els desenvolupadors i dissenyadors és garantir que la interfície sigui coherent i eficient a mesura que projecte creix. Aquí és on els Design Systems marquen la diferència.
Implementar un Design System en un CMS no només assegura una coherència visual més gran, sinó que també facilita la creació d'interfícies escalables. A través de la modularitat i la reutilització de components, els equips poden treballar més ràpid i de manera més efectiva. A més, un sistema de disseny ben definit fa que sigui molt més senzill fer canvis a mesura que el projecte evoluciona, sense comprometre la qualitat ni la consistència.
A Drupal, la integració d'un Design System a través de l'Experience Builder converteix la creació de contingut en una experiència molt més eficient, on tant dissenyadors com desenvolupadors poden col·laborar sense barreres.
L'Experience Builder i els Single Directory Components ofereixen als desenvolupadors noves maneres de treballar, més eficients i organitzades. Alguns dels principals avantatges són:
Modularitat i escalabilitat: Els SDCs permeten als desenvolupadors crear components independents que poden ser reutilitzats a diferents parts del lloc. Això facilita la creació dinterfícies complexes de manera senzilla, sense necessitat de duplicar codi.
Manteniment més fàcil: En tenir els components organitzats en un únic directori, el procés de manteniment es torna molt més senzill. Qualsevol canvi realitzat en un component es reflecteix automàticament a totes les instàncies on s'utilitza, cosa que redueix el risc d'errors i facilita les actualitzacions.
Menys temps de desenvolupament: Gràcies a l'estructura modular dels SDCs, els desenvolupadors poden centrar-se en tasques de major nivell, com ara la integració de funcionalitats i l'optimització del rendiment, en lloc d'haver de crear components des de zero cada cop.
Col·laboració fluida amb dissenyadors: Els SDCs faciliten el treball conjunt entre desenvolupadors i dissenyadors, ja que ambdós equips poden accedir a una mateixa base de components, garantint que tot el disseny es mantingui coherent al llarg del projecte.
Per als dissenyadors, l'Experience Builder de Drupal proporciona un entorn on la creativitat no està limitada per restriccions tècniques. Aquí hi ha alguns dels principals avantatges:
Interfície visual intuïtiva: Els dissenyadors poden treballar directament a la interfície visual, arrossegant i deixant anar components, ajustant estils i veient els resultats en temps real. No cal escriure una sola línia de codi, cosa que accelera el procés de disseny i permet explorar idees ràpidament.
Consistència garantida: En basar-se en un Design System ben definit i els SDCs com a base, cada component manté una aparença i comportament consistent a tot el lloc, fins i tot a mesura que es personalitzen o s'afegeixen noves seccions.
Personalització sense límits: Gràcies a la modularitat dels SDCs, els dissenyadors poden personalitzar cada component segons les necessitats del projecte. Poden ajustar colors, tipografies, mides i altres detalls de manera intuïtiva, assegurant que el disseny final s'ajusti perfectament a la visió del client.
Treball en paral·lel amb els desenvolupadors: Els dissenyadors poden començar a treballar en els components visuals mentre els desenvolupadors els implementen. Aquesta separació entre el disseny i el desenvolupament facilita un flux de treball més àgil i eficient, sense esperar que es lliurin els components.
Integrar el Experience Builder al teu projecte Drupal és més senzill del que sembla. Aquí us expliquem els passos bàsics per començar:
Definir el sistema de disseny: Abans de començar, assegura't de tenir clar el sistema de disseny que vols implementar. Això assegurarà que els components que creïs siguin coherents amb l'estètica i la funcionalitat que cerques.
Configurar l'Experience Builder: Un cop tinguis el teu sistema de disseny, pots instal·lar i configurar l'Experience Builder a Drupal. Això inclou habilitar els mòduls necessaris i configurar els paràmetres perquè s'ajustin a les vostres necessitats.
Crear i gestionar els components amb SDCs: A partir d'aquí, podeu començar a crear components reutilitzables. Els SDCs permeten que cada component estigui contingut al seu propi directori, cosa que facilita la gestió i reutilització en tot el projecte.
Personalitzar i ajustar: Els dissenyadors poden començar a treballar als components visualment, personalitzant cada element segons les necessitats del projecte. Els desenvolupadors, per la seva banda, poden assegurar-se que cada component estigui perfectament integrat al sistema.
El Experience Builder, combinat amb els Single Directory Components, representa una veritable revolució en la creació de llocs web amb Drupal. No només millora l'eficiència del treball entre dissenyadors i desenvolupadors, sinó que també facilita la creació d'interfícies coherents i personalitzables, tot dins un marc àgil i modular.
A mesura que aquesta eina evoluciona, les possibilitats per als equips de disseny i desenvolupament són gairebé il·limitades. Si encara no has explorat l'Experience Builder i els Single Directory Components a Drupal, ara és el moment perfecte per fer el següent pas cap a un futur més eficient, creatiu i sense barreres.
Per obtenir més detalls sobre els Single Directory Components i com els pots implementar en el teu projecte Drupal, et convidem a llegir la [documentació oficial de Drupal sobre SDCs](https://www.drupal.org/docs/develop/ theming-drupal/using-single-directory-components/about-single-directory-components).
Si estàs treballant en un projecte que requereix aquesta flexibilitat, o si estàs valorant incorporar SDCs per simplificar el procés de theming i millorar la gestió de components, no dubtis en posar-te en contacte amb nosaltres: com a experts en Drupal, estarem encantats d’assessorar-te en com integrar els Single Directory Components de manera eficient, adaptant-los a les necessitats específiques del teu projecte. El nostre equip t’ajudarà a maximitzar les capacitats del teu entorn Drupal i a garantir que els teus components siguin fàcils de mantenir i escalar. Ens pots consultar per a qualsevol dubte tècnic, per desenvolupar una estratègia de desenvolupament més robusta o per obtenir suport en la implementació. Estem aquí per ajudar-te a portar el teu projecte Drupal al següent nivell.
