Importi un frame Figma in WordPress con Page Builder Sandwich

Page Builder Sandwich Pro trasforma un frame di Figma in una pagina WordPress modificabile. Il sito comunica con Figma tramite il Suo account Figma personale, utilizzando un token di accesso personale da Lei creato; nessun design o token passa attraverso Zinn Digital®.

Connettere Figma (una sola volta, come amministratore)

1. In Figma, apra Settings → Security → Personal access tokens e generi un token con l'ambito File content: read.
2. In wp-admin vada su Page Builder Sandwich → Import from other builders and Figma → Import from Figma, incolli il token e prema Connect Figma.

Il token viene verificato con Figma, memorizzato in modo criptato e mai più mostrato (solo i suoi ultimi quattro caratteri). Disconnect lo rimuove. Da riga di comando: echo <token> | wp pbs importers figma-token set (il token viene letto dallo standard input, quindi non viene salvato nella cronologia della shell).

Importare un frame

1. In Figma, faccia clic su un frame, faccia clic con il tasto destro su di esso e scelga Copy/Paste as → Copy link to selection.
2. Incolli il link in Figma frame link e prema Import the frame. Viene creata una nuova bozza di pagina, denominata come il frame.

Come viene convertito il design

• L'Auto layout diventa righe e colonne flex (e griglie per il grid auto layout) con gli stessi valori di spaziatura (gap), rientro (padding) e allineamento; un frame con disposizione libera viene impilato nell'ordine di lettura e il report segnala l'eventuale sovrapposizione dei livelli.
• Un frame di pagina composto da fasce a larghezza intera diventa una sezione a larghezza intera per ciascuna fascia.
• Il testo mantiene carattere, dimensione, spessore, altezza della riga, spaziatura tra le lettere, maiuscole/minuscole, allineamento e colore; il testo di grandi dimensioni diventa un'intestazione, mentre gli stili grassetto, corsivo e i link vengono preservati.
• Riempimenti, tratti, raggio degli angoli e ombre esterne vengono trasferiti, inclusi i gradienti.
• Le immagini vengono copiate nella Sua libreria multimediale e la grafica vettoriale (icone, illustrazioni) viene renderizzata da Figma e copiata come immagine (fino a 200 elementi grafici per importazione). Importando nuovamente lo stesso frame, le copie verranno riutilizzate.
• Un piccolo frame dotato di riempimento, angoli arrotondati e una breve etichetta (oppure un livello denominato "button") diventa un blocco Button.

Su uno smartphone, le righe di elementi a larghezza fissa si dispongono in colonna, poiché un frame di Figma viene disegnato a una sola larghezza.

Da riga di comando: wp pbs importers figma <frame link>.