Import bingkai Figma ke dalam WordPress dengan Page Builder Sandwich

Page Builder Sandwich Pro mengubah bingkai Figma menjadi halaman WordPress yang boleh diedit. Tapak ini berkomunikasi dengan Figma menggunakan akaun Figma anda sendiri, dengan token akses peribadi yang anda cipta; tiada reka bentuk atau token yang melalui Zinn Digital®.

Sambungkan Figma (sekali sahaja, sebagai pentadbir)

1. Dalam Figma, buka Settings → Security → Personal access tokens dan jana token dengan skop File content: read.
2. Dalam wp-admin, pergi ke Page Builder Sandwich → Import from other builders and Figma → Import from Figma, tampal token tersebut dan tekan Connect Figma.

Token disahkan dengan Figma, disimpan secara terenkripsi, dan tidak akan dipaparkan lagi (hanya empat aksara terakhirnya). Disconnect akan mengalih keluarnya. Pada baris arahan: echo <token> | wp pbs importers figma-token set (token dibaca daripada input standard, jadi ia tidak disimpan dalam sejarah shell anda).

Import bingkai

1. Dalam Figma, klik satu bingkai, klik kanan padanya dan pilih Copy/Paste as → Copy link to selection.
2. Tampal pautan ke dalam Figma frame link dan tekan Import the frame. Halaman draf baharu akan dibuat, dinamakan mengikut bingkai tersebut.

Bagaimana reka bentuk ditukarkan

• Auto layout menjadi baris dan lajur fleksibel (dan grid untuk auto layout grid) dengan jurang, padding dan penjajaran yang sama; bingkai yang disusun secara bebas ditindih mengikut urutan bacaan, dan laporan menyatakan sedemikian apabila lapisan bertindih.
• Bingkai halaman yang diperbuat daripada jalur lebar penuh menjadi satu bahagian lebar penuh bagi setiap jalur.
• Teks mengekalkan fon, saiz, ketebalan, ketinggian baris, jarak huruf, huruf besar/kecil, penjajaran dan warnanya; teks besar menjadi tajuk, teks tebal dan condong serta pautan dikekalkan.
• Isian, lejang, jejari sudut dan bayang jatuh dibawa bersama, termasuk kecerunan.
• Imej disalin ke dalam pustaka media anda, dan seni vektor (ikon, ilustrasi) diberikan oleh Figma dan disalin sebagai imej (sehingga 200 lukisan bagi setiap import). Mengimport bingkai yang sama sekali lagi akan menggunakan semula salinan tersebut.
• Bingkai kecil dengan isian, sudut bulat dan satu label pendek (atau lapisan bernama "button") menjadi blok Button.

Pada telefon, baris item dengan lebar tetap akan disusun menjadi satu lajur, kerana bingkai Figma dilukis pada satu lebar sahaja.

Daripada baris arahan: wp pbs importers figma <frame link>.