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 mengonversi 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 elemen 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 Unggah Desain tombol dan pilih gambar tata letak situs web yang Anda gambar di papan tulis atau lembaran putih.
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 pada Unduh Kode HTML Anda untuk mendapatkan file .html dari tata letak situs web yang digambar tangan sehingga Anda dapat menguji dan mempratinjaunya secara lokal di browser web Anda.
Itu dia. Kami berharap Sketch2Code menghemat waktu Anda dalam membuat prototipe tata letak halaman web.