Importujte rámec z aplikace Figma do WordPress pomocí Page Builder Sandwich

Page Builder Sandwich Pro převede rámec ze služby Figma na upravitelnou stránku v systému WordPress. Web komunikuje se službou Figma prostřednictvím Vašeho vlastního účtu Figma pomocí Vámi vytvořeného osobního přístupového tokenu; žádný návrh ani token neprochází přes Zinn Digital®.

Připojení služby Figma (jednorázově, jako správce)

1. Ve službě Figma otevřete Settings → Security → Personal access tokens a vygenerujte token s rozsahem File content: read.
2. V administraci wp-admin přejděte na Page Builder Sandwich → Import from other builders and Figma → Import from Figma, vložte token a stiskněte Connect Figma.

Token je ověřen u služby Figma, uložen v šifrované podobě a již nikdy není znovu zobrazen (pouze jeho poslední čtyři znaky). Možnost Disconnect jej odstraní. Na příkazovém řádku: echo <token> | wp pbs importers figma-token set (token je načten ze standardního vstupu, takže se neuloží do historie Vašeho shellu).

Import rámce

1. Ve službě Figma klikněte na jeden rámec, klikněte na něj pravým tlačítkem myši a zvolte Copy/Paste as → Copy link to selection.
2. Vložte odkaz do pole Figma frame link a stiskněte Import the frame. Vytvoří se nová konceptová stránka pojmenovaná podle rámce.

Jak je návrh převáděn

• Auto layout se převede na flexibilní řádky a sloupce (a mřížky pro mřížkový auto layout) se stejnými mezerami (gap), odsazením (padding) a zarovnáním; volně rozvržený rámec je poskládán v pořadí čtení, a pokud se vrstvy překrývaly, zpráva na to upozorní.
• Rámec stránky tvořený pásy na celou šířku se převede na jednu sekci na celou šířku pro každý pás.
• Text si zachovává své písmo, velikost, řez, výšku řádku, prostrkání písmen, velikost písmen, zarovnání a barvu; velký text se převede na nadpisy, tučné úseky, kurzíva a odkazy zůstávají zachovány.
• Výplně, tahy, poloměr rohů a vržené stíny jsou přeneseny, včetně přechodů.
• Obrázky se zkopírují do Vaší knihovny médií a vektorová grafika (ikony, ilustrace) je vykreslena službou Figma a zkopírována jako obrázek (až 200 kreseb na jeden import). Opětovný import stejného rámce tyto kopie znovu použije.
• Malý rámec s výplní, zaoblenými rohy a jedním krátkým popiskem (nebo vrstva s názvem „button“) se převede na blok Button.

Na telefonu se řádky položek s pevnou šířkou skládají do sloupce, protože rámec ve službě Figma je vykreslen v jedné pevné šířce.

Z příkazového řádku: wp pbs importers figma <frame link>.