HTML ke Figma: Impor Website Apa Pun Jadi Layer yang Bisa Diedit

Pasang plugin gratis Codia AI Web2Figma dari Figma Community dan jalankan di file Figma mana pun. Tempel URL halaman, pilih viewport (desktop, tablet, atau mobile) serta tema terang atau gelap, lalu impor. Halaman akan muncul di kanvas sebagai layer Figma yang bisa diedit. Untuk halaman yang perlu login, tangkap dulu dengan ekstensi Chrome.

Ya, Anda bisa mulai gratis. Paket gratis mencakup 10 Transform Credit setiap bulan, tanpa kartu kredit. Pro menambahkan impor tanpa batas, pemrosesan gambar beresolusi lebih tinggi, dan impor beberapa URL atau file Codia sekaligus.

Bisa. Plugin Figma berjalan di paket gratis Figma, jadi Anda tidak perlu kursi berbayar. Anda hanya perlu aplikasi desktop Figma atau Figma di browser komputer; plugin tidak bisa berjalan di aplikasi seluler Figma.

Bisa. Pasang ekstensi Chrome Codia AI Web2Figma, buka halamannya di Chrome dalam keadaan login, lalu tangkap halaman tersebut; ekstensi menyimpannya sebagai file .codia. Setelah itu unggah atau tempel file tersebut di kotak impor ekstensi Chrome pada plugin. Cara ini cocok untuk dashboard, panel admin, situs staging, dan halaman lain yang tidak bisa dijangkau impor URL.

Bisa. Pilih desktop, tablet, atau mobile sebelum mengimpor untuk menangkap halaman di lebar tersebut, dan pilih tema terang atau gelap untuk situs yang mendukung keduanya. Impor beberapa viewport untuk mendapatkan satu set frame responsif dalam satu file.

Teks masuk sebagai layer teks yang bisa diedit, gambar sebagai isian gambar, serta bagian, latar belakang, garis tepi, dan gradien sebagai frame dan bentuk yang mengikuti layout halaman. Codia menangkap tampilan halaman pada saat impor, jadi animasi, skrip, dan interaksi tidak ikut terbawa.

Bisa. Alih-alih menempel URL, unggah file .html atau .htm, atau file .zip hasil ekspor situs beserta CSS dan gambarnya, di kotak impor ekstensi Chrome pada plugin. Jika ZIP berisi beberapa halaman, Anda bisa memilih halaman yang diimpor. Cocok untuk build lokal, ekspor HTML, dan halaman yang belum online.