Impor bingkai Figma ke WordPress dengan Page Builder Sandwich

Page Builder Sandwich Pro mengubah frame Figma menjadi halaman WordPress yang dapat diedit. Situs ini berkomunikasi dengan Figma menggunakan akun Figma Anda sendiri, dengan memakai token akses pribadi yang Anda buat; tidak ada desain atau token yang melewati Zinn Digital®.

Hubungkan Figma (sekali, sebagai administrator)

1. Di Figma, buka Settings → Security → Personal access tokens dan buat token dengan cakupan File content: read.
2. Di wp-admin, buka Page Builder Sandwich → Import from other builders and Figma → Import from Figma, tempel token, dan tekan Connect Figma.

Token diverifikasi dengan Figma, disimpan secara terenkripsi, dan tidak akan pernah ditampilkan lagi (hanya empat karakter terakhirnya). Disconnect akan menghapusnya. Pada baris perintah: echo <token> | wp pbs importers figma-token set (token dibaca dari standard input, sehingga tidak tersimpan di riwayat shell Anda).

Impor frame

1. Di Figma, klik satu frame, klik kanan padanya dan pilih Copy/Paste as → Copy link to selection.
2. Tempel tautan ke Figma frame link dan tekan Import the frame. Halaman draf baru akan dibuat, diberi nama sesuai frame tersebut.

Bagaimana desain dikonversi

• Auto layout menjadi baris dan kolom flex (serta grid untuk grid auto layout) dengan gap, padding, dan perataan yang sama; frame yang ditata secara bebas akan ditumpuk dalam urutan membaca, dan laporan akan menyatakan demikian saat lapisan saling tumpang tindih.
• Frame halaman yang terbuat dari pita selebar penuh menjadi satu bagian selebar penuh per pita.
• Teks mempertahankan font, ukuran, ketebalan, tinggi baris, spasi huruf, kapitalisasi, perataan, dan warnanya; teks besar menjadi judul, bagian tebal dan miring serta tautan tetap dipertahankan.
• Isian, goresan, radius sudut, dan bayangan ikut terbawa, termasuk gradien.
• Gambar disalin ke pustaka media Anda, dan seni vektor (ikon, ilustrasi) dirender oleh Figma dan disalin sebagai gambar (hingga 200 gambar per impor). Mengimpor frame yang sama lagi akan menggunakan kembali salinan tersebut.
• Frame kecil dengan isian, sudut membulat, dan satu label pendek (atau lapisan bernama "button") menjadi blok Button.

Di ponsel, baris item berlebar tetap akan menumpuk menjadi kolom, karena frame Figma digambar pada satu lebar.

Dari baris perintah: wp pbs importers figma <frame link>.