Come importare un design Figma sul tuo sito web

Vai alla dashboard di Figma e fai clic sulla tua immagine del profilo → Impostazioni.

Nella scheda Account, scorri verso il basso fino alla sezione "Token di accesso personali" e inserisci il nome del token, ad esempio "Tilda".

Copia il valore del token per usarlo per l'importazione.

Fai clic sul menu a tre punti nell'angolo in alto a destra in Zero Block e seleziona "Importa" dal menu a discesa.

Su Figma, seleziona il layout che desideri nel pannello Livelli e copia il suo collegamento dalla barra degli indirizzi del browser.

Incolla questo link nel campo Layout URL e aggiungi il token API ottenuto nelle impostazioni di Figma nel campo Token API.

Attendere fino a quando il layout non viene importato.

Se hai inserito il link corretto e non ci sono errori sul lato API Figma, il layout verrà importato in Zero Block.

Nota: Per impostazione predefinita, le immagini vengono scaricate dai server Figma. Quindi, se vuoi caricarli su Tilda, devi andare alle impostazioni degli elementi contenenti 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 anziché aggiungere l'intero layout a uno solo.

Qualsiasi gruppo può essere importato come immagine. Per questo, è necessario specificare "immagine" nel nome del gruppo su Figma. Se specificate "svg", verrà importato come file SVG.

Puoi anche importare 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 denominarlo "pulsante".

Verrà importata anche la proprietà di allineamento del testo, quindi ti consigliamo di rendere la larghezza dell'elemento di testo uguale alla forma.

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