Da Figma ad Html..possibile?
Come si passa da Figma ad Html in modo semplice?
Ci sono diversi modi per convertire un design di Figma in un sito web fatto e finito con Html e Css.
La community di Figma mette a disposizione innumerevoli plugin per trasformare il design in codice.
SPOILER
Non funzionano, o meglio non funzionano come dovrebbero.
Questo perché la conversione da design a codice non è così semplice come sembra.
Nonostante viviamo in un’epoca in cui con l’AI ci sembra tutto possibile vi posso garantire che quei plugin non funziona benissimo.
Ne ho provati una dozzina e solo uno mi ha soddisfatto parzialmente.
Come si chiama? guarda il video per scoprire quale e come si utilizza..
Perchè i plugin di Figma non funzionano?
Sostanzialmente per 2 motivi:
- Alcuni falliscono la loro mission in quanto il sito convertito in codice non è lo stesso che ho disegnato
- Altri scrivono codice non ottimizzato e molto ridondante
Quando scriviamo codice è fondamentale farlo in modo corretto, per questo nel video tutorial vi spiego come si fa andando a sfruttare la DEV mode di Figma.
Cos’è la DEV mode di Figma?
È Figma con u superpoteri. Sono tante le funzionalità che ci offre la DEV mode di Figma.
In questo tutorial vi spiegherò come sfruttarla per avere il codice CSS, ovvero il codice che dà lo stile al nostro design.
Guarda il video tutorial ed iscriviti al canale
Se invece non conosci Figma e vuoi imparare le basi dai un’occhiata a questo video