Servizi — Da Figma a codice

Il design è approvato. Ora diventa codice: WordPress o sito su misura, identico al Figma.

Trasformo il tuo file Figma in codice: un tema WordPress o un sito su misura, fedele al design, veloce, accessibile e aggiornabile. Per designer e agenzie.

Scrivimi

Per chi è

  • Designer e agenzie che consegnano un Figma e cercano chi lo sviluppi senza approssimazioni
  • Attività con un design già approvato che deve diventare un sito vero
  • Chi ha provato con un template e si è ritrovato un sito che non somiglia al progetto
  • Chi vuole poi aggiornare testi e immagini da solo

Cosa ottieni

  • Tema WordPress o sito su misura costruito sul tuo file, non un template adattato
  • Colori, caratteri e spaziature del Figma trasformati in token di design, in un punto solo
  • Ogni componente del design costruito una volta e riusato: le pagine nuove si compongono
  • Backoffice pensato per te: modifichi contenuti e immagini, il layout resta protetto
  • Versione mobile e accessibilità (contrasti, tastiera) parte della consegna
  • Codice su Git e ambiente di prova per approvare prima di pubblicare

AICon l'AI

Uso l'AI per accelerare le parti ripetitive del lavoro, ma ogni componente lo controllo io contro il design, misura per misura.

Scopri di più →

Un buon Figma si rovina in un modo solo: approssimandolo

Spaziature arrotondate a occhio, lo stesso componente rifatto tre volte in tre modi, un template piegato fino a somigliare al progetto. Il risultato non è ciò che il cliente ha approvato, e il designer se ne accorge per primo.

Stili e componenti, una volta sola

Gli stili del file diventano token di design (in WordPress, regole del tema) e ogni componente diventa un pezzo riusabile, con le sue varianti. Cambiare un colore o una spaziatura significa cambiarlo in un punto.

Il sito resta tuo da gestire

Il pannello di gestione permette di aggiornare testi e immagini senza toccare il layout. Alla consegna ricevi codice, accessi e istruzioni, senza vincoli verso di me.

  • Figma
  • WordPress
  • PHP
  • ACF
  • Nuxt
  • Tailwind CSS
  • Vite
  • Git

Come lavoro

  1. 01

    Lettura del file

    Controllo componenti, stili, stati e versioni mobile. Se manca qualcosa, ti mando l'elenco preciso prima di scrivere codice.

  2. 02

    Sistema e componenti

    Prima costruisco colori, caratteri e componenti, poi le pagine. Il sito resta coerente e veloce da estendere.

  3. 03

    Prova e revisione

    Su un ambiente separato tu e il tuo cliente provate il sito e segnalate le correzioni.

  4. 04

    Pubblicazione

    In produzione va solo la versione approvata, con accessi e documentazione.

Domande frequenti

Bastano le pagine principali e i componenti. Se mancano stati, casi limite o la versione mobile, li segnalo in lettura e decidiamo insieme come completarli.

Sì, sulle misure del file. Dove un dettaglio non regge nel browser, per esempio un titolo più lungo o un'altra lingua, te lo dico prima e propongo una soluzione.

WordPress quando serve un pannello ricco da gestire ogni giorno; un sito su misura (Nuxt, con contenuti in Markdown o in un CMS headless) quando il sito deve essere leggero, veloce e con pochi aggiornamenti. Lo decidiamo insieme dopo aver letto il file.

No: un Figma su misura merita un codice su misura. Se il tuo flusso di lavoro richiede un page builder ci lavoro, ma ti spiego cosa comporta.

Sì, ma ne parliamo prima: si può partire da un riferimento o da un designer con cui lavori, e poi il passaggio al sito è lo stesso.

Dipende da quante pagine e funzioni ci sono, e lo so solo dopo aver letto il file. Ti do una stima scritta con ciò che è incluso, non un numero valido per tutti.

Potrebbe interessarti anche

// Contatti

Un progetto, un problema o solo un dubbio?

Agenzia, attività o professionista: scegli come preferisci parlarmi. Rispondo al più presto, senza impegno.