Come importare un disegno Figma nel proprio sito web

Accedere alla dashboard di Figma e fare clic sull'immagine del profilo → Impostazioni.

Nella scheda Account, scorrere fino alla sezione "Token di accesso personali" e inserire il nome del token, ad esempio "Tilda".

Copiare il valore del token per utilizzarlo per l'importazione.

Fare clic sul menu con i tre puntini nell'angolo superiore destro di Zero Block e selezionare "Importa" dal menu a discesa.

Su Figma, selezionare il layout desiderato nel pannello Livelli e copiare il suo link dalla barra degli indirizzi del browser.

Incollare questo link nel campo URL del layout e aggiungere il token API ottenuto nelle impostazioni di Figma nel campo Token API.

Attendere che il layout venga importato.

Se è stato inserito il link corretto e non ci sono errori dal lato dell'API di Figma, il layout verrà importato in Zero Block.

Nota: per impostazione predefinita, le immagini vengono scaricate dai server di Figma. Pertanto, se si desidera caricarle su Tilda, è necessario andare nelle impostazioni degli elementi contenenti le immagini e fare clic su Carica su Tilda.

I layout devono essere creati su una cornice con una larghezza di 1200px.

Si consiglia di importare il layout in più blocchi piuttosto che aggiungere l'intero layout in uno solo.

Qualsiasi gruppo può essere importato come immagine. A tale scopo, è necessario specificare "image" nel nome del gruppo su Figma. Se si specifica "svg", verrà importato come file SVG.

È possibile importare anche gruppi. Se ci sono altri gruppi all'interno, tutti gli elementi saranno nel gruppo di primo livello.

Per importare un pulsante, è necessario unire la forma e il testo in un gruppo e nominarlo "pulsante".

Verrà importata anche la proprietà di allineamento del testo, quindi si consiglia di rendere la larghezza dell'elemento di testo uguale a quella della forma.

Se la forma ha un effetto che non può essere riprodotto in Zero Block, verrà importata con l'immagine dell'effetto sullo sfondo.