Hummingbird v2 è stato il tema predefinito di PrestaShop dalla versione 9.1. Se lo hai personalizzato o costruito un tema child, potresti aver fatto affidamento su risorse non ufficiali. Oggi segna un aggiornamento significativo: il file Figma ufficiale per Hummingbird v2 è ora disponibile per l'accesso pubblico: HUMMINGBIRD (nuovo).
Cosa include il file Figma
Questo file funge da fonte definitiva per l'interfaccia utente di Hummingbird, inclusi:
- Componenti
- Token di design
- Regole di spaziatura
- Layout a livello di pagina
Che tu stia adattando l'ufficio frontale per esigenze specifiche dei commercianti o contribuendo al tema stesso, questo file è un riferimento essenziale. Si prega di notare che, mentre la versione desktop è completa, i layout mobili sono ancora in fase di sviluppo. Continueremo ad aggiornare il file man mano che verranno aggiunti ulteriori componenti.
Importanza per gli sviluppatori di temi
In precedenza, gli sviluppatori dovevano fare reverse engineering delle scelte di design da SCSS e modelli o fare affidamento su file condivisi dalla comunità che potrebbero non essere stati aggiornati. L'introduzione di un singolo file pubblico mantenuto offre diversi vantaggi:
- Ispezionare il design previsto prima di modificare il codice.
- Allineare le personalizzazioni con la struttura reale dei componenti.
- Utilizzarlo come riferimento condiviso per discutere le modifiche dell'interfaccia utente in problemi o richieste di pull.
Come accedere al file Figma
Il file è aperto per la visualizzazione pubblica. Per utilizzarlo, basta aprirlo in Figma e utilizzare il pannello di ispezione per controllare spaziatura, tipografia e token di colore.
Conclusione
Il rilascio del file Figma ufficiale per Hummingbird v2 è un cambiamento epocale per gli sviluppatori di temi PrestaShop. Semplifica il processo di design e garantisce che gli sviluppatori abbiano accesso alle risorse più accurate e aggiornate. Rimanete sintonizzati per ulteriori aggiornamenti mentre espandiamo la copertura del file.