Valutazioni dell’editore: Valutazioni degli utenti:[Totale: 0 Media: 0].ilfs_responsive_below_title_1 { width: 300px; } @media(larghezza minima: 500px) {.ilfs_responsive_below_title_1 { larghezza: 300px; } } @media(larghezza minima: 800px) {.ilfs_responsive_below_title_1 { larghezza: 336px; } }
Figma Nocode è un plug-in gratuito per Figma per esportare un disegno in formato HTML. Seleziona semplicemente il livello che desideri salvare e quindi ti aiuterà a esportarlo come file HTML. Converte in modo intelligente tutti i componenti del tuo progetto in blocchi HTML e ti fornirà automaticamente l’HTML finale con CSS incorporato. Quindi, oltre all’HTML, genera anche codice CSS. La parte migliore è che bastano solo 2 clic per convertire qualsiasi parte del design Figma o l’intero frame in HTML.
Se usi Figma regolarmente per creare prototipi dell’interfaccia utente, questo plugin ti piacerà qui. Con questo, sarai in grado di esportare il design Figma in un sito Web pronto per HTML in un paio di clic. Tuttavia, per alcuni elementi come interruttori e pulsanti, potrebbe non funzionare. Ma per altri componenti come tabelle, paragrafi, sfumature di testo, stile e altri, funziona perfettamente. Anche l’HTML generato alla fine è reattivo e quindi dovrai apportare modifiche minime per farlo funzionare.
Come esportare Figma in un sito Web HTML a pagina singola gratuitamente?
Questo plugin Figma Nocode è completamente gratuito. Un piccolo aspetto negativo è che la lingua principale di questo strumento è il cinese. Ma questo non sarà un problema poiché dovrai solo fare clic sui semplici pulsanti che ti mostrerò di seguito.
Apri Figma e apri il design che desideri esportare in HTML. Se non hai un account, puoi registrarne uno gratuitamente qui. Dopo l’apertura del progetto, seleziona la cornice principale o il livello che desideri esportare.
Ora, vai alla sezione dei plug-in e seleziona l’opzione”Trova altri plug-in”.
Cerca Figma Nocode e premi semplicemente il pulsante Esegui. Il plug-in verrà visualizzato ora. E rileverà la tua selezione.
Fai clic sul pulsante evidenziato e quindi inizierà il rendering del tuo design. Una volta fatto, te lo mostrerà usando un banner verde.
Ora, scarica l’HTML. Fare clic sull’opzione 3dots e quindi fare clic sul pulsante HTML. Il download del file HTML inizierà ora. Salva questo file e poi aprilo nel browser. Vedrai che questo singolo file ha sia HTML che CSS.
Questo è praticamente tutto. In questo modo, puoi continuare a utilizzare questo plugin per convertire il tuo design Figma in puro HTML e CSS. Tutto ciò che serve sono 2 clic, avrai il file HTML che puoi salvare sul tuo PC. Una volta che hai il codice finale, sei libero di fare tutto ciò che vuoi.
Considerazioni finali:
Figma Nocode è un fantastico plugin Figma che puoi usare. Mi è piaciuto il modo in cui funziona e se usi Figma troppo spesso puoi semplicemente usarlo in qualsiasi momento. Puoi aprire qualsiasi progetto di sito Web che hai creato ed esportarlo come pronto per l’uso HTML. È molto semplice trasformare un design in un sito Web a pagina singola e anche l’accuratezza è eccezionale. Quindi, provalo da solo e vedi se genera un sito Web accurato per te.
