Nel tuo account Figma, clicca su "Azioni" nella barra degli strumenti in basso e seleziona la scheda "Plugin e widget". Nella barra di ricerca, digita il nome del Tilda " Figma to Tilda " e cliccaci sopra oppure aggiungi il plugin tramite il link.

Clicca sul pulsante "Esegui" per attivare il plugin.

È pronto! Ora puoi importare livelli ed elementi in Tilda.

Una volta aggiunto il plugin, seleziona il livello desiderato nel layout. Il livello selezionato verrà visualizzato nel campo Livelli selezionati della finestra del plugin.

Nella finestra del plugin, clicca sul pulsante " Prepara per la copia " per preparare i livelli all'importazione.

Quando il fotogramma è pronto per essere importato, clicca sul pulsante " Copia negli appunti ".

Vai su Tilda apri Zero Block premi la combinazione di tasti: Ctrl+V su Windows oppure Command+V su Mac.

È possibile importare il Frame come gruppo separato oppure con le impostazioni applicate alla tavola da disegno e tutti gli elementi presenti sostituiti.

Se la tavola da disegno contiene già degli elementi, è possibile inserire il Frame anche come gruppo, ma questa opzione eliminerà tutti gli elementi dalla tavola da disegno.

Quando è selezionata l'opzione "Applica impostazioni alla tavola da disegno", le impostazioni del livello radice del Frame verranno applicate in Zero Block: il colore di sfondo o l'immagine di sfondo, il Layout automatico e altre impostazioni supportate da Tilda modificate.

Se vengono inseriti più frame, la finestra a comparsa con le opzioni di importazione non verrà visualizzata.

Andare alla pagina principale di Figma e fare clic su Visualizza profilo → Impostazioni sotto l'immagine del profilo.

Andare quindi alla scheda Sicurezza, al blocco Token di accesso personali e fare clic su Genera nuovo token.

Nella nuova finestra, specifica il nome del Tilda e seleziona la durata di validità. Ad esempio, 1 giorno, 7 giorni, 30 giorni e 90 giorni.

Nell'area "Scopes", seleziona le caselle di controllo "Utente corrente", "Risorse di sviluppo", "Contenuto dei file", "Versioni dei file", "Risorse della libreria", "Contenuto della libreria" e "Progetti". Ora clicca su "Genera token".

Copia questa chiave dopo averla creata per inserirla nelle impostazioni di importazione in Tilda. Non è possibile visualizzare nuovamente la chiave: dovrai crearne una nuova.

Clicca sul menu con i tre puntini in Zero Block seleziona l'opzione "Importa da Figma".

Vai su Figma. Apri il layout, seleziona il frame che ti serve e copia il link del frame dalla barra degli indirizzi del browser.

Nella finestra che si apre, inserisci il link al frame e il token API ottenuto nelle impostazioni di Figma.

Attendere che il layout venga importato.

Se si è aggiunto il link corretto e non ci sono errori sul lato API di Figma, il layout verrà importato in Zero Block.

Si noti che, per impostazione predefinita, le immagini vengono caricate dai server di Figma; pertanto, se si desidera caricarle su Tilda, è necessario accedere alle impostazioni degli elementi che contengono immagini e fare clic su "Carica su Tilda".

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

Si consiglia di importare il layout in più blocchi anziché inserirlo per intero in un unico blocco.

Qualsiasi gruppo può essere importato come immagine. A tal fine, è necessario specificare "immagine" nel nome. Se si specifica "svg", verrà importato come file SVG.

È possibile importare anche gruppi. Se al loro interno sono presenti altri gruppi, tutti gli elementi saranno inseriti nel gruppo di primo livello.

Per importare un pulsante, è necessario unire la forma e il testo in un gruppo e aggiungere "pulsante" al nome. Verrà importata anche la proprietà di allineamento del testo, pertanto si consiglia di impostare la larghezza dell'elemento di testo in modo che corrisponda a quella della forma.

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