Vai al contenuto

Blog

Guide su HTML to Figma, Auto Layout, design system e flussi di lavoro dall'AI al design.

CSS to Figma Auto Layout: guida a flexbox e grid in Figma
CSS to Figma Auto Layout

CSS to Figma Auto Layout: guida a flexbox e grid in Figma

Flexbox e l'Auto Layout di Figma si somigliano, ma non sono lo stesso modello. Questa guida tecnica mappa le proprietà CSS sulle impostazioni dell'Auto Layout, spiega perché la verifica è importante e mostra come scrivere CSS che si importa in modo pulito.

22 ottobre 2026 · 10 min di lettura

localhost to Figma

Localhost to Figma: acquisire pagine con l'estensione Chrome

Alcune pagine non si raggiungono con un'importazione da URL: la tua build in localhost, una dashboard protetta da login, un menu aperto in questo momento. L'estensione Chrome gratuita di HTML to Frames le acquisisce dal tuo browser e le trasforma in layer Figma modificabili.

21 ottobre 2026 · 9 min di lettura
AI to Figma

AI to Figma: inviare la UI di Claude e Cursor a Figma via MCP

Gli strumenti di coding con AI possono costruire una UI funzionante in pochi minuti, ma i designer ne hanno comunque bisogno in Figma. Ecco come collegare Claude Code, Claude Desktop o Cursor a HTML to Frames via MCP e ottenere layer modificabili invece di screenshot.

20 ottobre 2026 · 9 min di lettura
website to Figma

Website to Figma: guida per agenzie alle proposte di redesign

Un manuale operativo passo per passo per agenzie: trasformare il sito attuale di un cliente in layer Figma modificabili e in una proposta di redesign. Copre importazioni multipagina, responsive set, Light + Dark, tavole prima/dopo e un esempio di calendario dello sprint.

18 ottobre 2026 · 9 min di lettura
HTML to frame

HTML to frame: come un DOM diventa Auto Layout in Figma

Trasformare l'HTML in frame Figma è facile da fare male e difficile da fare bene. Ecco come HTML to Frames mappa un DOM su frame annidati, ricava l'Auto Layout dalla geometria misurata e verifica ogni elemento figlio, così il design non si rompe mai.

16 ottobre 2026 · 8 min di lettura
HTML to canvas

HTML to canvas: screenshot bitmap o layer Figma modificabili

Cerca "HTML to canvas" e troverai due cose molto diverse: librerie JavaScript che trasformano una pagina in pixel e strumenti che portano una pagina sul canvas di Figma come layer. Questo articolo le spiega entrambe, quando scegliere l'una o l'altra e come gestire i contenuti che sono davvero un canvas.

14 ottobre 2026 · 8 min di lettura
HTML to design

HTML to design: flusso di redesign per designer e agenzie

La maggior parte dei redesign parte da un sito che esiste già, eppure la maggior parte dei file di design parte da un canvas vuoto. Ecco un flusso di lavoro HTML to design pratico che trasforma pagine online in layer modificabili, un design system riutilizzabile e un prototipo cliccabile.

11 ottobre 2026 · 8 min di lettura
HTML to Figma

HTML to Figma: come convertire HTML in Figma (guida 2026)

Convertire HTML in Figma non significa più ricostruire una pagina a mano o incollare uno screenshot piatto. Questa guida illustra ogni metodo di importazione, le scelte di schermate e opzioni che contano e come ottenere layer puliti e modificabili al primo tentativo.

8 ottobre 2026 · 9 min di lettura

Smetti di ridisegnare il web.

Incolla un link e ottieni in pochi secondi layer Figma reali, modificabili e responsive. Si parte gratis: 10 importazioni ogni mese.

Nessuna carta di credito. Pro si acquista direttamente in Figma.

In arrivo su Figma Community