Come importare un disegno Figma nel proprio sito web

Перейдите на главную Figma и нажмите под фотографией своего профиля Visualizza profilo → Impostazioni.

Далее перейдите на вкладку Sicurezza, перейдите к блоку Token di accesso personali и нажмите на Generare un nuovo token.

В новом окне впишите название токена Tilda и выберите срок его действия. Например, Senza scadenza - Бессрочный. Также можно выбрать срок действия ключа на 1 день, 7 дней, 30 дней и 90 дней.

В области примения (Scopi) теперь необходимо выбрать права доступа для ключа.

Для пунктов Utente corrente, Risorse di sviluppo, Contenuto del file, Versioni del file, Risorse della biblioteca, Contenuto della biblioteca и Progetti установите значение для доступа Di sola lettura. А затем нажмите на Generare token - создать токен.

Скопируйте этот ключ после создания, чтобы указать в настройках Import на Tilda. Посмотреть ключ повторно нельзя, только создать новый.

Fare clic sul menu a tre puntini nell'angolo superiore destro di Zero Block e selezionare l'opzione "Importa da Figma" dal menu a discesa.

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

Affinché l'importazione sia corretta, è necessario aggiungere un riquadro Figma a uno Zero Block

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 caricate 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.