Jak zaimportować projekt figma do swojej witryny

Przejdź do panelu Figma i kliknij swoje zdjęcie profilowe → Ustawienia.

Na karcie Konto przewiń w dół do sekcji "Osobiste tokeny dostępu" i wprowadź nazwę tokena, np. "Tilda".

Skopiuj wartość tokena, aby użyć jej do zaimportowania.

Kliknij menu z trzema kropkami w prawym górnym rogu w Zero Block i wybierz "Importuj" z menu rozwijanego.

Na Figma wybierz żądany układ w panelu Warstwy i skopiuj jego link z paska adresu przeglądarki.

Wklej ten link w pole Layout URL i dodaj token API uzyskany w ustawieniach Figma do pola API Token.

Poczekaj, aż układ zostanie zaimportowany.

Jeśli wpisałeś poprawny link i nie ma błędów po stronie API Figmy, układ zostanie zaimportowany do Zero Block.

Nuta: Domyślnie obrazy są pobierane z serwerów Figmy. Więc jeśli chcesz przesłać je do Tildy, musisz przejść do ustawień elementów zawierających obrazy i kliknąć Prześlij do Tildy.

Layouty należy tworzyć na ramce o szerokości 1200px.

Zalecamy importowanie układu do kilku bloków zamiast dodawania całego układu do jednego.

Jako obraz można zaimportować dowolną grupę. W tym celu należy określić "obraz" w nazwie grupy na Figma. Jeśli określisz "svg", zostanie on zaimportowany jako plik SVG.

Możesz także importować grupy. Jeśli w środku znajdują się inne grupy, wszystkie elementy będą w grupie pierwszego poziomu.

Aby zaimportować przycisk, należy scalić kształt i tekst w grupę i nadać jej nazwę "przycisk".

Właściwość wyrównania tekstu również zostanie zaimportowana, dlatego zalecamy, aby szerokość elementu tekstowego była taka sama jak kształtu.

Jeśli kształt ma efekt, którego nie można odtworzyć w programie Zero Block, zostanie zaimportowany z obrazem efektu w tle.