Uvezite Figma okvir u WordPress pomoću Page Builder Sandwich

Page Builder Sandwich Pro pretvara Figma okvir u WordPress stranicu koju je moguće uređivati. Web-mjesto komunicira s platformom Figma putem vašeg vlastitog Figma računa, koristeći osobni pristupni token koji sami izradite; niti jedan dizajn ili token ne prolazi kroz Zinn Digital®.

Povežite Figma (jednom, kao administrator)

1. U alatu Figma otvorite Settings → Security → Personal access tokens i generirajte token s opsegom File content: read.
2. U wp-admin sučelju idite na Page Builder Sandwich → Import from other builders and Figma → Import from Figma, zalijepite token i pritisnite Connect Figma.

Token se provjerava putem alata Figma, pohranjuje šifriran i više se nikada ne prikazuje (samo njegova posljednja četiri znaka). Disconnect ga uklanja. U naredbenom retku: echo <token> | wp pbs importers figma-token set (token se čita iz standardnog unosa, tako da se ne sprema u povijest vaše ljuske).

Uvezite okvir

1. U alatu Figma kliknite na jedan okvir, kliknite ga desnom tipkom miša i odaberite Copy/Paste as → Copy link to selection.
2. Zalijepite poveznicu u Figma frame link i pritisnite Import the frame. Izrađuje se nova skica stranice, nazvana prema okviru.

Kako se dizajn pretvara

• Auto layout postaje flex reci i stupci (te mreže za mrežni auto layout) s istim razmakom, unutarnjom marginom i poravnanjem; slobodno raspoređen okvir slaže se prema redoslijedu čitanja, a izvještaj to navodi ako su se slojevi preklapali.
• Okvir stranice sastavljen od traka pune širine postaje jedan odjeljak pune širine po traci.
• Tekst zadržava svoj font, veličinu, debljinu, visinu retka, razmak između slova, velika/mala slova, poravnanje i boju; veći tekst postaje naslov, a podebljani i nakošeni dijelovi teksta te poveznice ostaju sačuvani.
• Ispune, obrubi, radijus kuta i sjene prenose se, uključujući gradijente.
• Slike se kopiraju u vašu biblioteku medija, a vektorsku grafiku (ikone, ilustracije) iscrtava Figma i kopira kao sliku (do 200 crteža po uvozu). Ponovni uvoz istog okvira ponovno koristi te kopije.
• Mali okvir s ispunom, zaobljenim kutovima i jednom kratkom oznakom (ili slojem pod nazivom „button”) postaje blok Button.

Na telefonu se reci stavki fiksne širine slažu u stupac jer je Figma okvir nacrtan na jednoj širini.

Iz naredbenog retka: wp pbs importers figma <frame link>.