Peringkat Editor: Peringkat Pengguna:[Total: 0 Rata-rata: 0].ilfs_responsive_below_title_1 { lebar: 300px; } @media(lebar minimum: 500 piksel) {.ilfs_responsive_below_title_1 { lebar: 300 piksel; } } @media(lebar minimum: 800 piksel) {.ilfs_responsive_below_title_1 { lebar: 336 piksel; } }
Figma Nocode adalah plugin gratis untuk Figma untuk mengekspor desain dalam format HTML. Anda cukup memilih lapisan yang ingin Anda simpan dan kemudian itu akan membantu Anda mengekspornya sebagai file HTML. Ini secara cerdas mengubah semua komponen dalam desain Anda menjadi blok HTML dan akan memberi Anda HTML akhir yang memiliki CSS tertanam di dalamnya secara otomatis. Jadi, selain HTML, juga menghasilkan kode CSS. Bagian terbaiknya adalah hanya membutuhkan 2 klik untuk mengonversi bagian mana pun dari desain Figma atau seluruh bingkai ke HTML.
Jika Anda menggunakan Figma secara teratur untuk membuat prototipe UI, maka Anda akan menyukai plugin ini di sini. Dengan ini, Anda akan dapat mengekspor desain Figma ke situs web siap HTML hanya dalam beberapa klik. Namun, untuk beberapa elemen seperti sakelar dan tombol, ini mungkin gagal. Tetapi untuk komponen lain seperti tabel, paragraf, gradien teks, gaya, dan lainnya, berfungsi dengan sempurna. HTML yang dihasilkan akhirnya juga responsif sehingga Anda harus melakukan sedikit penyesuaian untuk membuatnya berfungsi.
Bagaimana Mengekspor Figma ke Situs Web HTML Satu Halaman Secara Gratis?
Plugin ini Figma Nocode sepenuhnya gratis untuk digunakan. Sedikit kekurangannya adalah bahasa utama alat ini dalam bahasa Cina. Tapi itu tidak akan menjadi masalah karena Anda hanya perlu mengklik tombol sederhana yang akan saya tunjukkan di bawah ini.
Buka Figma dan buka desain yang ingin Anda ekspor ke HTML. Jika Anda belum memiliki akun, Anda dapat mendaftarkannya secara gratis di sini. Setelah desain Anda terbuka, pilih saja bingkai induk atau lapisan yang ingin Anda ekspor.
Sekarang, setelah itu, Anda pergi ke bagian plugin dan pilih opsi “Temukan lebih banyak plugin”.
Cari Figma Nocode, lalu tekan tombol run. Plugin akan muncul sekarang. Dan itu akan mendeteksi pilihan Anda.
Klik tombol yang disorot dan kemudian akan mulai merender desain Anda. Setelah selesai, itu akan menunjukkan bahwa Anda menggunakan spanduk hijau.
Sekarang, unduh saja HTML-nya. Klik pada opsi 3dots dan kemudian klik tombol HTML. File HTML sekarang akan mulai diunduh. Simpan file ini lalu buka di browser. Anda akan melihat bahwa file tunggal ini memiliki HTML dan juga CSS.
Ini cukup banyak. Dengan cara ini, Anda dapat terus menggunakan plugin ini untuk mengonversi desain Figma Anda menjadi HTML dan CSS murni. Yang dibutuhkan hanyalah 2 klik, Anda akan memiliki file HTML yang dapat Anda simpan di PC Anda. Setelah Anda memiliki kode akhir, Anda bebas melakukan apa pun yang Anda inginkan.
Pemikiran terakhir:
Figma Nocode adalah plugin Figma luar biasa yang dapat Anda gunakan. Saya menyukai cara kerjanya dan jika Anda terlalu sering menggunakan Figma maka Anda bisa menggunakannya kapan saja. Anda dapat membuka desain situs web apa pun yang Anda buat dan mengekspornya sebagai HTML siap pakai. Sangat mudah untuk mengubah desain menjadi situs web satu halaman dan akurasinya juga bagus. Jadi, cobalah sendiri dan lihat apakah itu menghasilkan situs web yang akurat untuk Anda.