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; } }
Ini adalah tutorial yang sangat sederhana untuk menjelaskan cara mengubah situs web apa pun menjadi proyek desain Figma yang dapat diedit. Ada html.to.design plugin Figma baru yang tersedia yang dapat Anda gunakan dan itu hanya mengambil URL situs web dari Anda dan kemudian mengimpornya di editor Figma untuk Anda. Ini benar-benar dapat mengimpor desain situs web apa adanya dan kemudian Anda bebas mengedit semua elemen di dalamnya dengan cara yang sama seperti Anda mengedit desain UI lainnya.
Plugin ini html.to.design membuat semua elemen di laman web seperti wadah, gambar, tombol, dan lainnya dapat diedit. Tidak hanya itu tetapi secara otomatis membungkusnya dalam lapisan jika diperlukan. Setelah melakukan pengeditan, Anda dapat dengan mudah mengekspor desain ke salah satu format ekspor yang didukung. Setelah mengonversi situs web menjadi gambar rangka Figma, Anda juga dapat menambahkan dan menghapus elemen darinya.
Bagaimana Mengonversi Situs Web apa pun menjadi Proyek Desain Figma yang Dapat Diedit?
Memulai Figma sederhana ini pluginnya sangat mudah. Anda dapat menambahkannya ke akun Anda dari tautan ini. Setelah itu, Anda bebas menggunakannya kapan saja. Tidak perlu mendaftar atau registrasi tambahan untuk menggunakannya.
Setelah Anda berhasil menginstalnya, aktifkan saja dari toolbar. Antarmukanya akan muncul. Dari sana, Anda tinggal memasukkan URL situs web yang desainnya ingin Anda impor di dalamnya. Selain menentukan URL untuk mengambil HTML, Anda juga dapat menentukan bingkai perangkat.
Berikan beberapa detik dan kemudian akan mengambil situs web di editor Figma. Ini akan membuat semua elemen dapat diedit. Anda sekarang dapat, cukup klik pada elemen apa saja dan edit. Anda bebas untuk memodifikasinya sesuai keinginan Anda. Untuk lebih banyak komponen, Anda selalu dapat menjelajahinya di lapisan. Semua lapisan dapat dialihkan dari bilah sisi di sebelah kanan.
Dengan cara ini, Anda sekarang dapat dengan mudah mengimpor situs web apa pun di Figma dan mengedit desainnya. Anda dapat mengubah warna elemen yang berbeda. Atau, Anda cukup menghapus elemennya. Setelah memodifikasi desain, Anda dapat mengekspornya lalu membagikannya dengan tim pengembangan untuk mengkodekan perubahan tersebut.
Pemikiran terakhir:
Sebagai desainer UI/UX jika Anda mencari cara import website langsung di figma maka anda berada di tempat yang tepat. Plugin ini sangat kuat dan melakukan apa yang dikatakannya. Anda dapat menggunakannya di situs web mana pun dan mengimpor kode HTML situs web tersebut sebagai desain Figma yang dapat diedit. Anda bebas membuat proyek sebanyak yang Anda inginkan, mengeditnya, dan mengekspornya untuk selamanya.
