So importieren Sie ein Figma-Design in Ihre Website

Sie können einen Figma-Entwurf automatisch importieren in Zero Block
Wie man ein Figma API-Zugangs-Token erhält
Перейдите на главную Figma и нажмите под фотографией своего профиля View Profile → Settings.
Далее перейдите на вкладку Security, перейдите к блоку Personal access tokens и нажмите на Generate new token.
В новом окне впишите название токена Tilda и выберите срок его действия. Например, Kein Verfall - Бессрочный. Также можно выбрать срок действия ключа на 1 день, 7 дней, 30 дней и 90 дней.

В области применения (Scopes) теперь необходимо выбрать права доступа для ключа.
Для пунктов Aktueller Benutzer, Entwicklungsressourcen, Dateiinhalt, Dateiversionen, Bibliotheksbestand, Bibliotheksinhalt и Projekte установите значение для доступа Schreibgeschützt. А затем нажмите на Token generieren - создать токен.
Скопируйте этот ключ после создания, чтобы указать в настройках Import на Tilda. Посмотреть ключ повторно нельзя, только создать новый.
Wie importiert man ein Layout in Zero Block
Klicken Sie auf das Drei-Punkte-Menü in der oberen rechten Ecke von Zero Block und wählen Sie die Option "Import aus Figma" aus dem Dropdown-Menü.
Wählen Sie in Figma im Ebenenbedienfeld das gewünschte Layout und den gewünschten Rahmen aus, und kopieren Sie den Link zum Rahmen aus der Adressleiste des Browsers.
Damit der Import korrekt ist, müssen Sie einen Figma-Rahmen zu einem Zero Block
Fügen Sie diesen Link in das Feld Layout URL ein und fügen Sie das in den Figma-Einstellungen erhaltene API-Token in das Feld API Token ein.
Warten Sie, bis das Layout importiert ist.
Wenn Sie den richtigen Link eingegeben haben und keine Fehler auf der Figma-API-Seite vorliegen, wird das Layout in Zero Block importiert.
Hinweis: Standardmäßig werden die Bilder von den Figma-Servern geladen. Wenn Sie sie also auf Tilda hochladen möchten, müssen Sie zu den Einstellungen der Elemente, die Bilder enthalten, gehen und auf Upload to Tilda klicken.
Layoutanforderungen und Importfunktionen
Layout
Layouts müssen auf einem Rahmen mit einer Breite von 1200px erstellt werden.

Wir empfehlen, das Layout in mehrere Blöcke zu importieren, anstatt das gesamte Layout nur in einen Block einzufügen.
Gruppen
Jede Gruppe kann als Bild importiert werden. Dazu müssen Sie im Gruppennamen in Figma "image" angeben. Wenn Sie "svg" angeben, wird die Gruppe als SVG-Datei importiert.

Sie können auch Gruppen importieren. Wenn darin andere Gruppen enthalten sind, befinden sich alle Elemente in der Gruppe der ersten Ebene.
Formen und Schaltflächen
Um eine Schaltfläche zu importieren, müssen Sie die Form und den Text in einer Gruppe zusammenfassen und diese als "Schaltfläche" benennen.

Die Eigenschaft der Textausrichtung wird ebenfalls importiert, daher empfehlen wir Ihnen, die Breite des Textelements mit der der Form abzustimmen.

Wenn die Form einen Effekt hat, der in Zero Block nicht reproduziert werden kann, wird sie mit dem Effektbild im Hintergrund importiert.
Hergestellt am
Tilda