Zaimportuj ramkę Figma do WordPress za pomocą Page Builder Sandwich

Page Builder Sandwich Pro przekształca ramkę Figma w edytowalną stronę WordPress. Witryna komunikuje się z Figma za pomocą Pana/Pani własnego konta Figma, używając utworzonego przez Pana/Panią osobistego tokenu dostępu; żaden projekt ani token nie przechodzi przez Zinn Digital®.

Połącz z Figma (raz, jako administrator)

1. W Figma otwórz Settings → Security → Personal access tokens i wygeneruj token z zakresem File content: read.
2. W wp-admin przejdź do Page Builder Sandwich → Import from other builders and Figma → Import from Figma, wklej token i naciśnij Connect Figma.

Token jest weryfikowany w Figma, zapisywany w formie zaszyfrowanej i nigdy więcej nie jest wyświetlany (jedynie jego cztery ostatnie znaki). Opcja Disconnect go usuwa. W wierszu poleceń: echo <token> | wp pbs importers figma-token set (token jest odczytywany ze standardowego wejścia, więc nie zostaje zapisany w historii powłoki).

Importuj ramkę

1. W Figma kliknij jedną ramkę, kliknij ją prawym przyciskiem myszy i wybierz Copy/Paste as → Copy link to selection.
2. Wklej link w pole Figma frame link i naciśnij Import the frame. Zostanie utworzona nowa strona w wersji roboczej, nazwana zgodnie z ramką.

Jak projekt jest konwertowany

• Auto layout staje się wierszami i kolumnami flex (oraz siatkami w przypadku siatkowego auto layoutu) z tym samym odstępem, dopełnieniem i wyrównaniem; ramka ułożona swobodnie jest układana w kolejności czytania, a raport informuje o tym, gdy warstwy na siebie nachodziły.
• Ramka strony złożona z pasów o pełnej szerokości staje się jedną sekcją o pełnej szerokości na każdy pas.
• Tekst zachowuje swój krój pisma, rozmiar, grubość, wysokość linii, odstępy między literami, wielkość liter, wyrównanie i kolor; duży tekst staje się nagłówkami, a fragmenty pogrubione, pochylone oraz linki zostają zachowane.
• Wypełnienia, obrysy, promień zaokrąglenia narożników i cienie zostają przeniesione, w tym gradienty.
• Obrazy są kopiowane do Pana/Pani biblioteki mediów, a grafika wektorowa (ikony, ilustracje) jest renderowana przez Figma i kopiowana jako obraz (do 200 rysunków na import). Ponowny import tej samej ramki wykorzystuje te kopie.
• Mała ramka z wypełnieniem, zaokrąglonymi narożnikami i jedną krótką etykietą (lub warstwą o nazwie „button”) staje się blokiem Button.

Na telefonie wiersze elementów o stałej szerokości układają się w kolumnę, ponieważ ramka Figma jest rysowana w jednej szerokości.

Z poziomu wiersza poleceń: wp pbs importers figma <frame link>.