Accetti design non fatti in Figma?

Sì. Figma è il formato più comodo perché le misure si leggono senza chiederle, ma un progetto in un altro strumento, o anche in PDF con le indicazioni giuste, si sviluppa lo stesso. Cambia il tempo che serve a ricavare i valori, non il risultato.

E se il design non è sviluppabile così com'è?

Te lo dico prima di cominciare, non a metà. Il primo passaggio è sempre una lettura del progetto per trovare i punti che vanno chiariti o adattati: comportamenti non definiti, stati mancanti, cose che a una certa larghezza non stanno in piedi.

Comprende anche la pubblicazione?

Come preferisci. Il codice si consegna pronto per essere pubblicato da voi, oppure lo pubblico io su hosting e dominio che indicate. Sono due modi di chiudere, non due prezzi diversi di lavoro.

Da Figma a Codice: Sviluppo Front-end

Quando chi disegna e chi sviluppa sono persone diverse, nel passaggio si perde sempre qualcosa: una spaziatura, uno stato non previsto, un comportamento che nessuno aveva definito. Questa proposta esiste per rendere quel passaggio l'unico punto di attenzione, invece di un problema ricorrente.

A chi è rivolta

A studi, agenzie e designer che lavorano con clienti propri e hanno bisogno della sola parte di codice. Il rapporto con il cliente finale resta vostro: qui si parla di un progetto grafico che entra e di pagine funzionanti che escono.

Se invece il design non c'è ancora, la strada è un'altra: si parte dal progetto visivo e si arriva allo sviluppo nello stesso percorso.

Cosa comprende

La lettura del progetto prima di cominciare, con l'elenco dei punti da chiarire. È il passaggio che evita le sorprese a metà lavoro.
Lo sviluppo in HTML semantico, CSS organizzato e JavaScript solo dove serve, un componente alla volta.
La resa su schermi diversi, verificata su dispositivi reali e non solo simulati.
Accessibilità e velocità: navigazione da tastiera, lettura da screen reader, immagini ottimizzate, poche dipendenze esterne.
I moduli, con validazione e invio funzionanti.

Cosa resta fuori

Le decisioni di design, che restano vostre: se un punto non funziona lo segnalo, non lo cambio di mia iniziativa. Restano fuori anche i contenuti, il posizionamento continuativo e le applicazioni server strutturate, il cui confine è dichiarato nella pagina sullo sviluppo front-end.

Come si svolge

Si legge il progetto e si concordano i punti aperti.
Si sviluppa un componente alla volta, partendo dai più ricorrenti.
Si verifica la resa su cellulare, tablet e computer.
Si controllano velocità, accessibilità e comportamento dei moduli.
Si consegna il codice pronto per la pubblicazione, o si pubblica direttamente.

Da cosa dipende il costo

Il costo dipende dal numero di schermate, da quanto sono diverse fra loro e dalla complessità delle interazioni: una pagina statica e una con animazioni legate allo scorrimento sono lavori diversi a parità di grafica. Le variabili sono nella pagina su come si compone un preventivo.