Cara Mengonversi Tata Letak Situs Web yang Digambar Tangan menjadi Kode HTML menggunakan Sketch2Code oleh Microsoft

Pernah bertanya-tanya betapa kerennya menggambar sesuatu di atas kertas dan membiarkannya hidup di dunia nyata? Yah, itu hanya sesuatu yang telah dicapai Microsoft dengan aplikasi web Skletch2Code yang didukung AI yang dapat mengubah gambar tulisan tangan dari papan tulis ke situs web HTML dalam satu klik tombol.

Sketch2Code dapat mengubah tata letak situs web yang digambar tangan menjadi HTML hanya dalam hitungan detik. Alat ini menggunakan layanan Computer Vision AI Microsoft untuk mendeteksi objek HTML dalam gambar, dan kemudian menggunakan pengenalan teks untuk mengekstrak teks tulisan tangan dalam gambar untuk menggabungkan dan membuat cuplikan HTML dari semua unsur desain dalam gambar.

Ini membuatnya sangat cepat bagi perancang dan pengembang web untuk membangun prototipe HTML situs web dalam berbagai gaya dalam hitungan detik. Jika Anda tertarik untuk mengetahui cara kerjanya di backend, pastikan untuk membaca detail teknis tentang Sketch2Code di situs web Microsoft.

Di bawah ini adalah tutorial singkat untuk menunjukkan kepada Anda betapa sederhananya menggunakan Sketch2Code untuk mengubah gambar tata letak situs web menjadi halaman HTML nyata.

Pertama, gambar tata letak situs web Anda di papan tulis atau kertas putih. Kemudian, ambil gambarnya dan simpan ke komputer Anda. Setelah itu, klik tombol di bawah ini untuk membuka aplikasi web Sketch2Code di browser Anda.

Luncurkan Aplikasi Web Sketch2Code

Setelah situs web terbuka, klik tombol Unggah Desain dan pilih gambar tata letak situs web yang Anda gambar di papan tulis atau kertas putih.

Pilih dan unggah tata letak situs web Anda yang digambar tangan

Setelah mengunggah desain situs web yang digambar tangan, duduk dan saksikan Sketch2Code menggunakan AI secara otomatis menghasilkan halaman HTML berdasarkan tata letak pada gambar yang Anda unggah.

Setelah proses selesai, Anda akan diperlihatkan pratinjau dari halaman HTML yang baru dibuat bersama dengan opsi untuk mengunduh kode lengkap. Klik tombol Unduh Kode HTML Anda untuk mendapatkan file.html dari tata letak situs web gambar tangan Anda sehingga Anda dapat menguji dan mempratinjaunya secara lokal di browser web Anda.

Klik tombol “Unduh kode HTML Anda”

Itu dia. Kita berharap Sketch2Code menghemat waktu Anda dalam membuat prototipe tata letak halaman web.

Related Posts