Dari ide hingga aplikasi: Memperkenalkan Stitch, cara baru untuk mendesain UI

Membangun aplikasi yang menarik selalu membutuhkan kemitraan yang kuat antara desain dan pengembangan. Desainer membayangkan pengalaman pengguna, membuat antarmuka yang intuitif dan menarik. Developer kemudian mewujudkan desain tersebut dengan kode fungsional. Secara tradisional, menghubungkan ide desain dengan kode kerja membutuhkan banyak upaya manual dan terus-menerus.

Itulah tepatnya masalah yang ingin diselesaikan oleh Stitch. Stitch adalah eksperimen baru dari Google Labs yang memungkinkan Anda mengubah input prompt dan gambar sederhana menjadi desain UI yang kompleks dan kode frontend dalam hitungan menit.

Stitch lahir dari ide antara desainer dan engineer, yang sama-sama ingin membangun produk yang mengoptimalkan alur kerja masing-masing. Stitch memanfaatkan kemampuan multimodal Gemini 2.5 Pro untuk menciptakan alur kerja yang lebih lancar dan terintegrasi antara desain dan pengembangan. Selain itu, dengan opsi untuk menyempurnakan desain menggunakan input gambar, chat interaktif, pemilih tema, dan tempel ke fungsi Figma, Stitch memungkinkan Anda benar-benar fokus pada desain kreatif dan kebutuhan pengembangan.

Inilah yang ditawarkan Stitch saat ini untuk meningkatkan proses desain dan pengembangan Anda:

Menghasilkan UI dari bahasa natural

Menjelaskan aplikasi yang ingin Anda buat dalam bahasa Inggris sederhana, termasuk detail seperti palet warna atau pengalaman pengguna yang diinginkan. Stitch dapat menghasilkan antarmuka visual yang disesuaikan dengan deskripsi Anda.

Menghasilkan UI dari gambar atau wireframe

Memiliki sketsa desain di papan tulis, screenshot UI yang menarik, atau wireframe kasar? Upload ke Stitch. Stitch memproses gambar untuk menghasilkan UI digital yang sesuai, sehingga dapat menjembatani ide visual awal Anda dengan desain fungsional.

Iterasi cepat dan eksplorasi desain

Desain adalah proses iteratif, dan Stitch memfasilitasi hal ini dengan memungkinkan Anda untuk menghasilkan beberapa varian antarmuka. Bereksperimenlah dengan tata letak, komponen, dan gaya yang berbeda untuk mencapai tampilan dan nuansa yang diinginkan.

Transisi yang mulus ke tahap pengembangan

Setelah Anda puas dengan desain tersebut, Stitch menyediakan koneksi penting untuk alur kerja pengembangan:

• Tempel ke Figma: Desain yang Anda hasilkan dapat ditempelkan ke Figma dengan mudah untuk penyempurnaan lebih lanjut, kolaborasi dengan tim desain, dan integrasi ke dalam sistem desain yang ada.

• Ekspor kode front-end: Stitch menghasilkan kode front-end yang bersih dan fungsional berdasarkan desain Anda, sehingga UI siap digunakan sepenuhnya.

Stitch hadir guna membuka peluang bagi semua orang dalam menciptakan aplikasi dengan cara yang mudah. Kami sangat antusias menghadirkan eksperimen ini dan tidak sabar untuk melihat apa yang akan Anda bangun dengannya.

Coba Stitch di stitch.withgoogle.com dan beri tahu kami pendapat Anda!

Jelajahi pengumuman ini dan semua update Google I/O 2025 di io.google mulai tanggal 22 Mei.